@charset "utf-8";
/*
 * PKSHA FAQ
 * Copyright(c) 2002-2020 PKSHA Communication
*/
/*==================================================================
  ▼テンプレート使用色
==================================================================*/
/*
ライン：#323232（ブルー）#dee1e2（グレー）
リンク色： #323232
濃色：#fff
グレー：#fff #f7f7f7（濃←→薄）
*/
/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
body {
    font-family:Outfit,Noto Sans JP,sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
}
h1 {
    font-size: 100%; /* 文字サイズ */
}
* {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}
/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 100%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 100%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 88%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 75%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 75%; /* 文字サイズ */
}
/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #fff; /* テキスト色 */
}
/* 訪問済み */
a:visited {
    color: #fff; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #fff; /* テキスト色 */
    opacity: 0.6;
    text-decoration: none;
}
/* アクティブ */
a:active {
    color: #fff; /* テキスト色 */
    opacity: 0.6;
    text-decoration: none;
}
/*フォーム*/
textarea, input, select {
    font-family: Outfit,Noto Sans JP,sans-serif !important;
    padding: 2px 3px;
}
/* =======================================================
     base layout
======================================================= */
.okw_headline { display:none; }
/*---------- ヘッダー フッター ----------*/
.header_contents {
  border-bottom:2px solid #323232;
  padding:19px 20px;
}
.header_contents h1 {
  display:inline-block;
}
.header_contents h1 a {
  display:flex;
  align-items:center;
  height:60px;
}
.header_contents h1 a img {
  max-height:60px;
  width:auto;
}
.header_contents .header_contents_text {
  margin-left:20px;
  font-size:25px;
}
.footer {
	padding: 10px;
}
.copyright {
	width: 965px;
	margin: 0 auto;
	color: #999;
	font-size: 12px;
	text-align: center;
}
#okw_footer_default {
	background: #f5f5f5;
}
#okw_logo_footer {
	width: 965px;
	margin: 0 auto;
	float: none;
	display: block;
	overflow: hidden;
}
#okw_logo_footer a {
	float: right;
}
/* ------------------------------
     wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {
    background-color: #323232;
}
/* ------------------------------
     contents
------------------------------ */
/* 領域 */
#okw_contents {
    background: none; /* 背景 */
    width: 960px;
    margin: 0 auto;
}
/* 表示領域ベース */
#okw_contents_base {
    margin: 0 auto; /* 周囲余白 */
    padding-right: 0px; /* 余白 */
    width: 100%; /* 幅 */
    background: none; /* 背景 */
    position: relative; /* ポジショニング */
}
/* 表示領域 */
#okw_contents_inner {
    background: none; /* 背景 */
    padding: 5px 0 1px 0px; /* 余白 */
}
/* ------------------------------
     side column
------------------------------ */
/* 領域 */
#okw_side {
    width: 236px; /* 幅 */
}
#okw_side .oneCol {
  margin-bottom: 15px;
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 690px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     footer
------------------------------ */
#copy {
    color: #787878;
    font-size: 80%;
    margin: 10px auto;
    width: 960px;
}
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: 15px; /* 高さ */
    background: transparent url("../images/front/footerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 領域 */
#okw_footer_default {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 10px 10px 5px;
}
/* コピーライト部分文字サイズ固定 */
body #okw_footer_default{
    font-size: 100%;
}
/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    line-height: 22px;
    margin-bottom: 15px;
}
#fontCol {
    color: #fff;
}
/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 40px; /* 周囲余白 */
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 48.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0; /* 余白 */
    margin-bottom: 15px;
    border-bottom: 2px solid #dee1e2;
}
/* パーツタイトル */
.ttl_bg {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 100%; /* 文字サイズ */
    position:relative;
    color: #fff;
}
/* ------------------------------
     info & news
------------------------------ */
/* 1 行 */
.newsList li {
    background: none; /* 背景 */
    padding: 0; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.6;
    border-bottom: 1px dotted #bbb;
}
/* 日付 */
.datetime {
    line-height: 1.6; /* テキスト高さ */
    margin-right: 5px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    font-size: 95%;
    color: #fff;
}
/* ------------------------------
     keyword search
------------------------------ */
/* フォーム */
.keyword_frm {
    width: 69%; /* 幅 */
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border: 1px #ccc solid; /* 罫線スタイル */
    border-radius: 5px;
    line-height: 2.0; /* テキスト高さ */
    font-size: 100%; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
    margin-right: 5px;
    padding: 0 2px;
}
/* ボタン */
.search_frmArea .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 100%; /* 文字サイズ */
    margin-top: -2px;
}
/* 自然文ボタン */
.search_frmArea .n_keyword_frmbtn{
    background: url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top transparent;
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
.search_frmArea .keyword_frmbtn:hover, .search_frmArea .n_keyword_frmbtn:hover {
        background: url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top transparent;
        /*simple_bt_btn_h.png*/
        color: #323232;
    }
/* 検索切り替え */
.search_switch{
    font-size:0.9em; /* 文字サイズ */
}
/*お問い合わせパーツ*/
.okw_parts_helpdesk .qaList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
	/*temp_arrow.png*/
	padding: 0 0 0 10px;
}

.button_to_link{
    color: #fff;
}
/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    border-top: 1px solid #ddd;
    margin: 0 3px 0 3px;
    padding: 15px 10px 0;
    width: auto;
    box-sizing: border-box;
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: none; /* 罫線 */
}
/* ------------------------------
     category list
------------------------------ */
/* 小カテゴリ */
.cate_small{
    font-size: 90%;
}
/* ------------------------------
     category tree
------------------------------ */
.oneCol.okw_parts_category_tree a:hover {
    color: #fff;
    opacity: 0.6;
}
.fo_b{ font-weight:bold;}
/* カテゴリー名領域 */
.cate_pull_inert_bg{padding: 7px 0;}
/* 選択中のカテゴリ */
.category_select{ background-color: transparent;}
.category_select a, .category_select a span{ color: #323232; font-weight: normal; }
/* カテゴリ名文字 */
.category_level_0{ margin: 0 0 0 3px; width: 230px; background: transparent; }
.category_level_0 li{ border-top: 1px solid #ddd;}
.category_level_1{ background: transparent; margin-left:20px; clear:both;}
.category_level_1 li{ border-top: 1px dotted #ddd;}
.category_level_2{background: transparent; margin-left:20px; clear:both;}
.category_level_2 li{ border-top: 1px dotted #ddd;}
.category_level_3{background: transparent; margin-left:20px; clear:both;}
.category_level_3 li{ border-top: 1px dotted #ddd;}
/* =======================================================
 faq detail page
======================================================= */
/* 領域 */
.faq_qstInf_col {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    margin: 0 0 16px; /* 周囲余白 */
}
/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 142%;  /*文字サイズ */
    font-weight: normal; /* 文字太さ */
    color: #fff; /* テキスト色 */
    /*line-height: 1.2;  テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
	white-space: normal;
}
/* カテゴリ */
.faq_cate_col {
    padding: 5px; /* 余白 */
    border-style: dotted none;
    border-width: 1px 0px;
    border-color: #bbb;
    background-color: #fff; /* 背景色 */
    font-size: 80%;
}
/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: none; /* 背景 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 100%; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}
.faq_ans_ttl .icoA {
    color: #fff;
}
/* 添付ファイル項目名 */
/* 横並び設定 */
.faq_attachment_file_list dd {
    display: inline;
    margin: 0 15px 0 0;
    float: none;
    word-break: keep-all;
}
/* 縦並び設定 */
/*
.faq_attachment_file_list dd {
    display:block;
    margin: 0;
    float:none;
    text-indent: 1em;
}
.faq_attachment_file_list dt {
    display:block;
    float:none;
}
*/
/* ------------------------------
     wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_txt{
    float: left;
}
/* 1カラム　設問リンク */
.wzd_bck{
    background: url("../images/front/btn_back.gif") no-repeat scroll left top transparent;
    float: right;
    font-size:70%;
    padding-left:18px;
    margin-top:5px;
    width: 13%;
}
/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.oneCol.okw_parts_enquete {
    width: 80%;
    margin: 0 auto;
}
.okw_enquete_area{
    border: none;
    margin: 0 auto 20px;
    padding: 10px 15px 5px;
    width: auto;
    background: #f7f7f7;
    border-radius: 7px;
}
/* テキストタイトル */
.questioner_ttl {
    font-size:100%;
    text-align:center;
    border-bottom:2px solid #323232;
}
/* テキストエリア領域 */
.questioner_txt_col{
    width: 60%;
}
/* テキストエリア上メッセージ */
.questioner_sub_msg{
    font-size: 100%;
}
/* テキストエリア */
.questioner_txt {
    background-color: #fcfcfc;
    border: 1px solid #aaaaaa; /* 罫線 */
    width: 95%; /* 幅 */
    height: 80px;
    margin: 5px 0;
    padding: 5px;
}
/* ボタン領域 */
.questioner_submit_btn {
    height: 40px; /* 高さ */
}
/* 送信ボタン */
.questioner_btn {
    font-size: 100%; /* 文字サイズ */
    color: #555; /* テキスト色 */
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    display: block;
}
/* 送信ボタン ホバー */
.questioner_btn:hover {
    background: transparent url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top;
    /*simple_bg_btn_h.png*/
    opacity: 0.6;
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    filter: alpha(opacity=50); /*IE*/
    -moz-opacity: 0.5; /*Firefox*/
    opacity: 0.5; /*Opera・Safari*/
}
/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #fff; /* 背景色 */
}
.faq_relate_list li.Q_sml {
    margin-bottom: 5px;
}
/*ディスクリプション*/
.search_description {
    color: #fff;
}
.search_frmArea div {
    color: #fff;
}
/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    overflow: hidden; /* 領域外表示 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    padding: 10px; /* 余白 */
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #474747; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: transparent; /* 背景色 */
    padding: 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: transparent; /* 背景色 */
    padding: 10px; /* 余白 */
}
/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    font-family: inherit; /* 文字フォント */
    color: #fff;
}
/* ページング領域（下） */
.pg_col_down {
    font-family: inherit; /* 文字フォント */
}
/* ------------------------------
     sort
------------------------------ */
/* 領域 */
.okw_sort {
    text-align: right; /* テキスト配置 */
    font-size: 12px; /* 文字サイズ */
    width: 30%; /* 幅 */
    margin-right: 10px; /* 周囲余白 */
}
/* 各リンク・現在地 */
.okw_sort a,
.okw_sort span {
    margin: 0 1px; /* 周囲余白 */
    padding-right: 5px; /* 余白 */
}
/* 現在地 */
.okw_sort span.okw_current {
    font-weight: bold; /* 文字太さ */
    padding-left: 12px; /* 余白 */
    background: transparent url("../images/front/marker_down.gif") scroll no-repeat left center; /* 背景 */
}
/* 検索結果　キーワード順 */
.okw_sort_key_index0 {
    border-right: 1px solid #000000; /* 検索時のソート条件の区切り文字 */
}
/* =======================================================
     info & news page
======================================================= */
/* 投稿日時領域 */
.infonews_datetime {
    font-size: 84%;
}
/* タイトル領域 */
.infonewstitle_col,
.hdquestion_col{
    padding-bottom: 2px;
    border-bottom: 1px dotted #ddd;
    height: auto;
}
/* タイトル領域 */
.infonews_ttl {
    font-size: 100%; /* 文字サイズ */
    padding-left: 0px; /* 余白 */
    height: auto;
}
/* =======================================================
     reissue password page
======================================================= */
/* 領域 */
#reissue_password {
    width: 500px; /* 幅 */
}
/* タイトル */
#reissue_password h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}
/* PW再発行フォーム(登録済みメールアドレス) */
#reissue_password .form_field {
    margin: 0 16px 14px; /* 周囲余白 */
}
/* 登録済みメールアドレス */
#reissue_password dt {
    width: 13em; /* 幅 */
}
/* 登録済みメールアドレス */
#reissue_password .mail_txt {
    width: 220px; /* 幅 */
}
/* =======================================================
    helpdesk table
======================================================= */
.HDcolumn_left{
    float:left;
    background-color: #f9f9f9;
    border-right: 1px dotted #dcdcdc;
    width: 200px;
    padding:5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}
.HDcolumn_right {
    background-color: #ffffff;
    text-align: left;
    padding: 5px 0 5px 10px;
    overflow: initial;
    max-width: calc(100% - 10px);
}
/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* 入力用のフォント */
textarea,input {
    font-family: inherit; /* フォント */
}
/* ===========================================================
　　　helpdesk error
============================================================== */
.preLink {
    font-size: 88%;
}
/* ===========================================================
　　　template
============================================================== */
/* template */
.header {
    width: 960px;
    margin: 24px auto 15px;
}
#okw_side .okw_parts_login {
    background: url("/usr/file/attachment/simple_bg_side_bot.png") no-repeat scroll 0 bottom;
    /*simple_bg_side_bot.png*/
    padding-bottom: 4px;
}
#okw_side .okw_parts_login .ttl_col {
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll left top;
    /*simple_bg_side_top.png*/
    border-bottom: none;
    height: 35px;
    padding: 0;
    width: 100%;
    margin-bottom: 1px;
}
#okw_side .okw_parts_login .ttl_bg {
    background: url("/usr/file/attachment/simple_bg_side_ttl.png") no-repeat scroll 3px 3px;
    /*simple_bg_side_ttl.png*/
    border: none;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    margin: 0;
    padding: 3px 3px 1px;
    text-indent: 5px;
    width: 230px;
}
#okw_side .okw_parts_login .icoLogin {
    background: url("/usr/file/attachment/simple_ico_lock.png") no-repeat scroll 3px center;
    /*simple_ico_lock.png*/
    display: inline-block; /* 表示要素 */
    height: 32px; /* 高さ */
    padding: 2px 0 0 35px; /* 余白 */
    letter-spacing: 0.05em;
    line-height: 32px;
}
.search_attachment_icon {
    background: url("/usr/file/attachment/temp_clip.png") no-repeat scroll left center;
    /*temp_clip.png*/
}
/* =======================================================
     追加css
======================================================= */
/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoHot, .icoFaq, .icoFavorite, .icoPickup, .icoCommunity, .icoProf, .icoKey, .icoLogin, .icoHdquestion {
	background: none;
    display: inline-block;
    padding: 0 10px 0 6px;
    /* border-bottom: 2px solid #323232; */
    min-width: 37%;
    letter-spacing: 0.05em;
    height: auto;
    margin-bottom: -2px;
    word-break: break-all;
    line-height: 1.5;
}
/* ------------------------------
     faq detail page
------------------------------ */
#faq_answer_contents img {
  max-width: 100%;
  width: auto !important;
}
/* タイトル */
.infonews_ttl_bor,
.icoHdquestion{
    background-image: none;
    font-size: 132%;
    font-weight: normal;
    padding: 10px;
	/* border-left: 4px solid #323232; */
    border-bottom: none;
}
.faq_relate_list {
    margin: 5px 10px 10px;
}
/* ------------------------------------
     カテゴリー一覧子カテゴリー
------------------------------------ */
.cateList_area {
    color: #ddd;
}
.cate_middle {
    word-break: break-all;
    white-space: normal;
}
.cateList_box {
    margin: 10px 10px 10px 0;
}
/* ------------------------------------
     キーワード検索
------------------------------------ */
.search_frmArea {
    margin: 15px 10px;
}
.twoCol .search_frmArea {
    margin: 10px;
}
.search_frmArea .keyword_helpbtn {
    margin-left: 5px;
}
/* ------------------------------------
     タグ検索
------------------------------------ */
.okw_parts_faq_tag_search {
    margin: 12px 0 0;
    padding: 15px;
    border: 1px #acacac solid;
    border-radius: 3px;
    background-color: #fff;
}
.okw_parts_faq_tag_search .ttl_col h2 {
    color: #323232;
}
.faq_tag_search_main {
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    border-radius: 0;
}
.faq_tag_search_main_message,.faq_tag_search_attention_message {
    font-size: 88%;
}
.faq_tag_search_input_field input {
    height: 36px;
}
.faq_tags_area .keyword_tag {
    background-color: #e4d8cc;
    color: #fff;
    height: auto;
    padding: 6px 10px 3px;
    border-radius: 3px;
    line-height: 1.5;
    transition: .3s;
}
.faq_tags_area .keyword_tag:hover {
    background-color: #474747;
    color: #ccc;
}
.faq_tags_area span {
    position: relative;
}
.faq_tags_modal_wrapper #wizard_answer .icoA, .faq_tags_modal_wrapper #wizard_answer .icoKA, .faq_tags_modal_wrapper .answer_contents .answer_data .answer_icon {
    display: none;
}
.faq_tags_area {
    gap: 6px;
}
#faq_tag_search_overlay .faq_tag_search_close_icon_wrapper, #faq_show .faq_tag_search_close_icon_wrapper {
    width: fit-content;
    height: fit-content;
    border-radius: 0px;
    background-color: transparent;
}
#faq_tag_search_overlay .faq_tag_search_close_button, #faq_show .faq_tag_search_close_button {
    gap: 4px;
}
#faq_tag_search_overlay .faq_tag_search_close_icon_wrapper:hover, #faq_show .faq_tag_search_close_icon_wrapper:hover {
    background-color: transparent;
}
#faq_tag_search_overlay .faq_tag_search_icon,
.faq_tags_modal_wrapper .question_contents .title_wrapper .question_icon,
.faq_tags_modal_wrapper .question_contents .title_wrapper .question_icon.--knowledge,
.faq_tags_modal_wrapper .answer_contents .answer_data .answer_icon,
 .faq_tags_modal_wrapper #wizard_answer .icoA {
    position: relative;
    border: none;
    background: transparent;
    border-radius: 0;
}
.faq_tags_modal_wrapper .question_contents .title_wrapper .faq_title {
    font-size: 20px;
}
.faq_tags_modal_wrapper .question_contents .title_wrapper .title_wrapper--left {
    align-items: unset;
}
/*FAQアイコン*/
.faq_tag_search_icon:before,.question_icon::before {
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #323232;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: 7px;
    top: 6px;
    font-family: Arial;
    line-height: 1.5;
    font-weight: normal;
}
/*ナレッジアイコン*/
#faq_tag_search_overlay .faq_tag_search_icon.faq_tag_search_icon--knowledge::before,
.faq_tags_modal_wrapper .question_contents .title_wrapper .question_icon.--knowledge::before {
    content: "?";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #323232;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: 7px;
    top: 7px;
    line-height: 1.5;
    font-family: Arial;
    font-weight: normal;
}
.faq_tags_modal_wrapper .answer_contents .content_wrapper,.faq_tags_modal_wrapper .answer_contents .faq_ansCont_txt {
    position: relative;
    padding: 16px;
}
/*ナレッジ回答*/
.faq_tags_modal_wrapper .answer_contents .content_wrapper::before,
section#page_id_faq_top:has(.question_icon.--knowledge) .answer_contents .faq_ansCont_txt:before,
 .faq_tags_modal_wrapper .answer_contents .faq_ansCont_txt::before{
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #323232;
    box-sizing: border-box;
    position: absolute;
    background-color: #323232;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: -33px;
    top: 12px;
    line-height: 1.5;
    font-family: Arial;
    font-weight: normal;
}
section#page_id_faq_top:has(.question_icon.--knowledge) .answer_contents .faq_ansCont_txt:before,
.faq_tags_modal_wrapper section#page_id_faq_top:has(.question_icon.--knowledge) .answer_contents .content_wrapper::before {
    content: "!";
}
#faq_tag_search_overlay .faq_tag_search_overlay_inner {
    width: 80vw;
    max-width: 940px;
    height: 90vh;
    box-sizing: border-box;
}
#faq_tag_search_overlay .faq_tag_search_content:hover {
    background-color: transparent;
}
#faq_tag_search_overlay .faq_tag_search_content:hover span {
    color: #323232;
    opacity: 0.6;
    /* text-decoration: underline; */
}
.faq_tags_modal_wrapper .question_contents .title_wrapper .faq_title {
    font-weight: 400;
    margin-top: 10px;
}
.faq_tags_modal_wrapper .faq_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #C0CAD0;
    border-radius: 4px 4px 0 0;
    padding: 5px;
    border-style: dotted none;
    border-width: 1px 0px;
    border-color: #bbb;
    background-color: #fff;
    font-size: 80%;
    color: #767676 !important;
    margin: 0px 14px 0px;
}
.faq_tags_modal_wrapper .content_wrapper {
    padding: 16px 0px 24px;
    font-size: 16px;
    width: auto;
    margin: 10px 0 0 70px;
}
.question_contents .faq_tags_modal_wrapper .content_wrapper.ck-content {
    margin: 10px 0 0 73px;
}
.answer_contents .content_wrapper.ck-content.clearfix {
    margin: 10px 0 0 57px;
}
/*ナレッジメモ*/
#faq_show .faq_tags_modal_scroll_area .faq_tags_modal_footer {
    background-color: transparent;
}
.faq_tags_modal_wrapper #wizard_list {
    margin: 0;
    padding: 0;
}
#faq_show .faq_tags_modal_footer .footer_title {
    color: #323232;
    font-weight: 400;
    text-align: center;
}
#faq_show .faq_tags_modal_footer .footer_submit_btn {
    background: transparent url(../images/front/btn_formoff.gif) no-repeat scroll left top !important;
    width: 125px !important;
    height: 30px !important;
    text-indent: 0;
    font-size: 100%;
    color: #555 !important;
    font-weight: bold;
    border: none !important;
}
.faq_tags_modal_wrapper #wizard_list .wzd_qstCont_col {
    background-color: #f7f7f7;
    border-left: 4px solid #fff;
    padding: 10px 8px 10px 15px;
    margin: 10px 70px 0px;
}
.faq_tags_modal_wrapper .operator_view_msg,.faq_tags_modal_wrapper .operator_comment_msg {
    color: #323232;
}
.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .wzd_slct_col {
    height: fit-content;
    padding: 0px;
    margin: 0px;
    clear: both;
    overflow: hidden;
}
.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .wzd_slct_col a {
    font-size: 80%;
}
.faq_tags_modal_wrapper #wizard_list .selecttxt {
    display: block;
    font-size: 11px;
}
.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .wzd_slct_col:hover {
    background-color: transparent;
}
.wzd_slct_col a,.wzd_bck{
    color: #323232 !important;
}
.faq_tags_modal_wrapper #wizard_list .wzd_slct_area {
    margin: 2px 70px 20px;
    padding: 10px 10px 10px 10px;
    background-color: #EEEEEE;
    gap: 0;
}
.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .chckbx_off {
    background: url(../images/front/btn_navi_off.gif) no-repeat scroll 0 -1px transparent;
}
.faq_tags_modal_wrapper #wizard_list .wizard_content.--selected .chckbx_on {
    background: url(../images/front/btn_navi_on.gif) no-repeat scroll 0 -1px transparent;
    cursor: pointer;
    padding-left: 30px;
    font-size: 80%;
}
.faq_tags_modal_wrapper #wizard_list .wizard_content.--selected {
    background-color: transparent;
    padding: 0;
}
.faq_tags_modal_wrapper #wizard_list .wzd_qstCont_col .wzd_bck {
    background: url("../images/front/btn_back.gif") no-repeat scroll left 8px transparent;
    float: right;
    font-size: 10px;
    padding-left: 18px;
    margin-top: 5px;
    width: 16%;
}
.faq_tags_modal_wrapper #wizard_list .wzd_qstCont_col a:hover.wzd_bck {
    background-color: transparent;
    color: #fff;
    opacity: 0.6;
}
.faq_tags_modal_wrapper #wizard_answer .faq_ans_ttl {
    padding: 16px;
}
.faq_tags_modal_wrapper #wizard_answer .faq_ans_ttl .icoKA,
.faq_tags_modal_wrapper .answer_contents .answer_data .answer_icon,
 .faq_tags_modal_wrapper #wizard_answer .icoA {
    padding: 6px 0 6px 50px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
 .faq_tags_modal_wrapper #wizard_answer .icoA
#faq_show .faq_tags_modal_footer .footer_text {
    font-size: 80% !important;
}
.faq_tags_modal_wrapper #wizard_answer .icoA {
    margin-left: 0;
}
.knowledge_vote_button div {
    width: fit-content;
    margin: auto;
}
.operator_view_msg,.operator_comment_msg {
    color: #fff;
}
#faq_show .faq_tags_modal_footer .footer_text_input {
    border-radius: 0;
    padding: 6px;
    height: 28px;
}
.faq_tags_modal_wrapper .faq_tag_modal_back_btn {
    width: 5px;
    height: 5px;
    border: 1.8px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(45deg);
}
#faq_show .faq_tags_modal_footer .footer_submit_btn:hover {
    color: #323232 !important;
    background: transparent url(../images/front/btn_formon.gif) no-repeat scroll left top !important;
}
.faq_tags_modal_wrapper .faq_tag_modal_close_btn {
    background-color: transparent;
    color: #323232;
    font-weight: 400;
}
.faq_tags_modal_wrapper .faq_tag_modal_close_btn:hover {
    color: #323232 !important;
    background-color: transparent;
}
.faq_tags_modal_wrapper .faq_tag_modal_close_btn:hover .faq_tag_modal_back_btn {
    border-color: #323232 #323232 transparent transparent;
}
#faq_show .faq_tags_modal_footer .knowledge_operator_comment_form, #faq_show .faq_tags_modal_footer .enquete_comment {
    margin-top: 8px;
}
#faq_tag_search_overlay .tagify__tag {
    border-radius: 0;
    background-color: #323232;
    color: #fff;
    min-height: auto;
    padding: 6px 10px 3px;
    line-height: 1.5;
    border-radius: 3px;
}
#faq_tag_search_overlay .tagify__tag[no_search="true"] {
    background-color: #323232;
    color: #fff;
}
.faq_tags_modal .okw_enquete_area {
    margin: 0 20px 20px 20px;
}
.faq_tags_modal .questioner_btn {
    margin: auto;
    padding: 0;
}
.faq-tags-suggestions {
    background: none;
}
.faq-tags-suggestions .tagify__dropdown__wrapper header.tagify__dropdown__header {
    display: none;
}
/* ------------------------------
     Info&Newsタイトル
------------------------------ */
.infoTxt {
    float: left;
    word-break: break-all;
    white-space: normal;
    padding-bottom: 4px;
}
/* ------------------------------
     Info&Newsページ内
------------------------------ */
.infonews_txt {
    white-space: normal;
    word-break: break-all;
}
.infonews_txt span {
color: #fff !important;
background-color: transparent !important;
}
.infonews_txt a{
background-color: transparent !important;
}
/* ------------------------------
     パンくずリスト
------------------------------ */
.okw_bread li {
    display: inline-block;
    max-width: 79%;
	word-break: break-all;
    white-space: normal;
}
.okw_bread li a {
    margin: 0 4px 0 4px;
}
.okw_bread li span {
    color: #fff;
}
.okw_bread li span:last-child {
    margin-left: 4px;
}
.okw_bread li a:first-child {
    margin-left: 0px;
}
/* ------------------------------
     キーワード検索
------------------------------ */
.search_frmArea .keyword_mode .keyword_frmbtn, .search_frmArea .natural_mode .keyword_frmbtn {
    width: 74px;
    height: 33px;
    color: #323232;
    text-indent: 3px;
    line-height: 2.3em;
    background-color: #fff;
    border-radius: 3px;
    background-image: none;
}
/* 検索ボタン　simple_bg_btn.png */
.search_frmArea .natural_mode .keyword_frmbtn {
    margin-right: -8px;
}
.search_frmArea .keyword_mode .keyword_frmbtn:hover, .search_frmArea .natural_mode .keyword_frmbtn:hover {
    opacity: 0.6;
        background-image: none;
}
/* 検索ボタンホバー　simple_bg_btn_h.png */
.kwd_none {
    background-color: #eef9ff;
}
/* 検索結果 */
.cate_small {
  padding-top:10px;
  word-break:break-all;
}
.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
    padding-left:10px;
    background:url("/usr/file/attachment/temp_arrow.png") no-repeat left top 6px;
  /*temp_arrow.png*/
}
.okw_sort_select .sort_arrow {
  margin: 3px 0 0 10px;
}
/*文章で検索*/
#okw_contents #okw_contents_base  .search_switch {
    display: inline-flex;
    flex-direction: column-reverse;
}
/* ------------------------------
     カテゴリーツリー
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.category_tree {
    font-size:87.5%;
    border: none;
    margin: 0 0 40px;
    padding-bottom: 3px;
    width: 100%;
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll 0 top;
}
/* カテゴリーツリートップライン simple_bg_side_top.png*/
.category_open a:hover.pm_icon {
    background: url("/usr/file/attachment/temp_open_hover.png") no-repeat 0 0;
}
/* カテゴリーツリーマイナスアイコンホバー temp_open_hover.png*/
.category_close a:hover.pm_icon {
    background: url("/usr/file/attachment/temp_close_hover.png") no-repeat 0 0;
}
/* カテゴリーツリープラスアイコンホバー temp_close_hover.png*/
.category_open .pm_icon {
    background: url("/usr/file/attachment/temp_open.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリーマイナスアイコン temp_open.png*/
.category_close .pm_icon {
    background: url("/usr/file/attachment/temp_close.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリープラスアイコン temp_close.png*/
/* カテゴリーアイコン無し調整 */
.category_none{ 
	padding-left:28px;
    background: url("/usr/file/attachment/temp_arrow.png") no-repeat 11px 12px;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/
/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("/usr/file/attachment/temp_arrow.png") no-repeat 11px 12px #f7f7f7;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/
.category_select{
	background-color: #f7f7f7;
}
.category_tree a, .category_nofaq {
    overflow: visible;
}
.cate_pull_inert_bg {
    display: flex;
}
.category_tree a, .category_nofaq {
    width: calc(100% - 25px);
}
/* ===========================================================
　　　カテゴリーツリー二重線枠
============================================================== */
.oneCol.okw_parts_category_tree {
    background: transparent;
}
.category_tree {
    background: none;
    /* border: double #efefef; */
    border-radius: 7px;
    box-sizing: content-box;
    color: #ddd;
}
.icocate_tree {
	text-indent: 3px;
    background: url("/usr/file/attachment/simple_ico_cate.png"),url("/usr/file/attachment/simple_bg_side_ttl.png");
    background-repeat: no-repeat;
    background-position: 8px 8px,0px 0px;
    padding: 7px 4px 0 38px;
	display: inline-block; /* 表示要素 */
    letter-spacing: 0.05em;
}
/* ファイルアイコン simple_ico_cate.png*/
/* 吹き出しアイコン simple_bg_side_ttl.png*/
.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
}
/* ===========================================================
　　　文字折り返し設定
============================================================== */
/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    max-width: calc(100% - 95px);
	float:none;
}
.okw_parts_favorite_faq .list, 
.okw_parts_pickup_faq .list, 
.okw_parts_mypage_list .list {
    float: none;
    margin-top: 0px;
    margin-right: 0px;
    font-weight: normal;
    position: absolute;
    right: 7px;
    bottom: 0px;
}
.attention_keyword_list,
.faqList{
    white-space: normal;
    word-break: break-all;
}
.attention_keyword_list{
	padding-left: 10px;
}
/* FAQ一覧「詳細表示」余白*/
.faq_list_show_detail {
    padding-left: 20px;
}
/* サブカテゴリー一覧幅 */
.okw_parts_category .cateList_2line {
    width: 49%;
    float: left;
}
.faq_tags_modal_wrapper #wizard_answer .faq_ans_ttl {
    padding: 11px;
}
/* ===========================================================
　　　FAQ詳細ページ
============================================================== */
.faq_ansCont_txt {
    padding-top: 4px;
	line-height: 1.3em;
        color: #fff;
}
.faq_ansCont_txt div {
    background-color: transparent !important;
    color: #fff !important;
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 24px;
    word-break: break-all;
    line-height: 1.3em;
}
/* ===========================================================
　　　カテゴリーページ
============================================================== */
/* カスタムで作成するアイコンサイズ調整*/
.faq_custom_mark {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    padding-bottom: 1px;
    height: auto;
}
/* ------------------------------
   FAQ詳細ページ　昇順アイコン
------------------------------ */
.sort_asc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_up.png");
	background-size: contain;
}
/* 上向選択時アイコン temp_arrow_up.png*/
.sort_asc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_up_off.png");
	background-size: contain;
}
/* 上向非選択時アイコン temp_arrow_up_off.png*/
.sort_asc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_up_h.png");
	background-size: contain;
}
/* 上向非選択時ホバーアイコン temp_arrow_up_h.png*/
/* ------------------------------
   FAQ詳細ページ　降順アイコン
------------------------------ */
.sort_desc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_down.png");
	background-size: contain;
}
/* 下向選択時アイコン temp_arrow_down.png*/
.sort_desc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_down_off.png");
	background-size: contain;
}
/* 下向非選択時アイコン temp_arrow_down_off.png*/
.sort_desc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_down_h.png");
	background-size: contain;
}
/* 下向非選択時ホバーアイコン temp_arrow_down_h.png*/
/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml {
	padding: 0 0 0 28px; /* 余白 */
}
/* 回答小 */
.icoA_sml {
	line-height: 1.3em;
    padding: 0 0 0 28px; /* 余白 */
    color: #fff;
}
.category_tree .ttl_bg{
    background:  none;
    border: none;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: 230px;
}
.category_tree .ttl_col, .category_tree .ttl_bg, .icocate_tree
{
    height: auto;
	line-height: 1.6;
	min-height: 25px;
}
/* TOPカテゴリータイトル*/
.category_tree .ttl_col {
    background: none;
    border-bottom: none;
    padding: 0;
    width: 230px;
    margin-bottom: 0px;
}
/* =======================================================
     link
======================================================= */
/* トップヘリンク */
.topLink a { 
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    background: transparent url("/usr/file/attachment/temp_arrow_top.png") no-repeat scroll left 4px;
}
/* トップへ戻るアイコン temp_arrow_top.png*/
/* =======================================================
     お問合せ入力フォーム
======================================================= */
.HDcontent, .create_account_request_content {
    background-color: #fff;
}
.hd_question_form, .create_account_request_form {
    width: auto;
}
.HDcolumn_right input {
    max-width: 575px;
}
.column_ttl ,.HDcolumn_left,.commit_button_block, .me_commit_button_block{
    background-color: #fff !important;
}
/* お問い合わせ完了テーブル、ボタンエリア */
.commit_button_block,
.me_commit_button_block
{
    background: #f0f0f0;
}
/* =======================================================
     お問合せ入力ページ（スーパーアシスト画面）
======================================================= */
/* 関連するFAQ表示画面 */
.hd_question_form .ttl_col {
    border-bottom: none;
    height: 28px;
}
.hd_question_form .ttl_txt,.hd_question_form .data,.hd_question_form .content_txt
 {
    color: #fff;
}
.more_q_link a {
    color: #323232;
    background-color: #fff;
}
/* =======================================================
     お問合せ完了ページ
======================================================= */
.hdq_finish_msg_mark {
    background: url("/usr/file/attachment/icon_helpinfo.gif") no-repeat;
    background-position: left top 1px;
    min-height: 25px;
}
/*---------- 完了アイコンicon_helpinfo.gif ----------*/
/*==================================================================
  ▼6/26以降変更部分（HDお問い合わせページ）
==================================================================*/
.HDcolumn_right textarea {
    font-size: 100%;
    padding: 7px;
}
.HDcolumn_right input {
    padding: 0px 7px;
}
.HDcolumn_right select {
    font-family: initial;
    padding-left: 4px;
}
.hdq_confirm_btn_c:active, .hdq_confirm_btn_c:focus {
    outline: none;
}
.hdq_confirm_btn_c a {
color: #323232;
}
/* =======================================================
     マイページ
======================================================= */
/* ログイン画面 */
#login_col .reissue_password a, 
#login_col .create_account_request a {
    padding-left: 16px;
    background: url("/usr/file/attachment/myp_login_arrow.png") no-repeat scroll left center transparent;
    background-size: 9px;
}
#login_col h2 {
    color: #fff;
}
/*---------- 矢印アイコンmyp_login_arrow.png ----------*/
#login_btn, .mail_input_button {
    color: #404040;
}
#login_btn:hover, .mail_input_button:hover {
	background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top;
}
/* お問い合わせ内容確認画面 */
.q_contents .q_ttl_br {
    background: none;
    border: none;
    padding: 10px 10px 10px 47px;
    position: relative;
}
.q_contents .q_ttl_br::before {
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 18px;
    left: 15px;
    top: 7px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
}
.a_contents .a_ttl_br {
    border: none;
    padding: 10px 10px 10px 47px;
    background: none;
    position: relative;
}
.a_contents .a_ttl_br::before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 18px;
    left: 15px;
    top: 7px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
}
.mypage_profile_edit_link {
    margin-top: 0;
}
.mrktenqt_link {
    background-color: #fff;
    border-color: #ccc;
}
.mypage_profile_table th {
	background-color: #fff;
text-align: unset;
}
.mypage_login_link {
    background-color: #fff;
}
/* =======================================================
     回答メールからの遷移画面
======================================================= */
.hd_question_form .q_contents, .hd_question_form .a_contents {
    border: none;
}
.q_contents .attribute, .a_contents .attribute {
    border: 1px dotted #999;
    background-color: #f7f7f7;
}
.mrktenqt_link {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}
/* =======================================================
     サーベイ
======================================================= */
.okw_enq_form_area .ttl_col {
    border-bottom: 1px dotted #dee1e2;
}
.icoMenquete {
    background-image: none;
    font-size: 132%;
    font-weight: normal;
    padding: 10px;
    border-left: 4px solid #323232;
    border-bottom: none;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}
.cate_count {
    color: #fff;
}
/*==================================================================
  ▼7/5以降変更部分（アイコンCSS化）
==================================================================*/
/* 三角アイコン #fff・青*/
.category_none {
    background: none;
    position: relative;
}
.category_none:before,
.qaList li.Q_sml:before{
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 1px;
    top: 6px;
}
.category_none:before{
    left: 11px;
    top: 11px;
}
.lang_size_small .category_none:before {
    top: 9px;
}
.lang_size_large .category_none:before {
    top: 13px;
}
.qaList li.Q_sml:before{
    left: 1px;
    top: 6px;
}
/* 四角アイコン #fff・青*/
.newsList li {
    position: relative;
	padding-left: 12px;
}
.newsList li:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 2px;
    border-color: #fff;
    position: absolute;
    left: 0px;
    top: 6.5px;
}
/* Q,Aアイコン・小 #fff・青*/
.faqList li.Q_sml, 
.faq_relate_list li.Q_sml, 
.qaList li.Q_sml,
.icoQ_sml, 
.icoA_sml,
.icoQ,
.icoA{
    background: none;
    position: relative;
}
.faqList li.Q_sml:before, 
.faq_relate_list li.Q_sml:before, 
.qaList li.Q_sml:before,
.icoQ_sml:before{
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color:#fff;
    color: #323232;
    text-align:center;
    font-size: 12px;
    font-family:Arial;
    font-weight:normal;
}
.faq_relate_list li.Q_sml:before{
    left: 9px;
    top: 7px;
}
.faqList li.Q_sml:before, 
.qaList li.Q_sml:before {
    left: 0px;
    top: 2px;
}
.icoQ_sml:before {
    left:0;
    top:3px;
}
.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #fff;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #323232;
    text-align:center;
    font-size: 12px;
    font-family:Arial;
    font-weight:normal;
    line-height:1.5;
}
.icoA_sml:before {
    left:0;
    top:0px;
}
/* Q,Aアイコン・大 #fff・青*/
.icoQ:before{
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color:#fff;
    color: #323232;
    text-align:center;
    font-size: 18px;
    left:0px;
    top:0px;
    font-family:Arial;
    font-weight:normal;
}
.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family:Arial;
    font-weight:normal;
}
.search_qattl {
  font-size:112.5%;
  font-weight:bold;
  min-height:20px;
}
/* ------------------------------
    ユーザーパスワード再発行
------------------------------ */
.password_reset_area .qaList li {
  background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/
.password_reset_description {
  padding: 0 10px 5px;
}
/* ------------------------------
    ユーザーメールアドレス変更
------------------------------ */
.okw_parts_mailaddress_change .qaList li {
  background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/
/* ------------------------------
    ログインパーツ
------------------------------ */
.okw_parts_end_user_login .form_field dt {
  float: none;
  text-align: unset;
  width: auto;
  display: flex;
  align-items: center;
}
.welcome,.loginUsrArea {
	color: #fff;
}
.twoCol.okw_parts_end_user_login .form_field dt {
  width: 25%;
  justify-content: center;
}
.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
}
.okw_parts_end_user_login .form_field dd {
  float: none;
  width: 80%;
}
#okw_center .okw_parts_end_user_login .form_field dd, .twoCol.okw_parts_end_user_login .form_field dd {
  width: auto;
}
.oneCol.okw_parts_end_user_login .form_field {
  width: 48%;
  display: inline-flex;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(1) {
  justify-content: flex-end;
  margin-right: 5px;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(2) {
  justify-content: flex-start;
  margin-left: 5px;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 10px 0;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dt {
  float: left;
  width: 32%;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dd {
  float: left;
  width: 67%;
}
.okw_parts_end_user_login .form_field dd input {
  margin: 0;
}
#login_btn {
  margin-top: 10px !important;
}
.loginUsrArea p{
    word-break: break-all;
}
/* =======================================================
     22.6追加
======================================================= */
/*ウィザード使用の画像サイズ調整*/
.wzd_qstCont_col img,
.faq_ans_col img,
.wzd_slct_area .chckbx_off img {
    max-width: 100%;
}
/*ログイン画面の調整*/
#login_login .colArea,
body[id*="routine_work"] .colArea {
    display: block;
}
/* --- 0622追記 --- */
.faq_relate_list li.K_sml {
    margin-bottom: 5px;
}
.qaList li.K_sml,
.faqList li.K_sml {
    background-position-y: 2px;
}
.faq_relate_list li.K_sml {
    background-position-y: 7px;
}
.lang_size_small .qaList li.K_sml,
.lang_size_small .faqList li.K_sml {
    margin-bottom: -5px;
    padding-bottom: 10px;
}
.icoK_sml {
    padding-left: 28px;
    background-position-y: 3px;
}
.icoKA_sml {
    padding-left: 28px;
    background-position-y: 0;
    line-height: 1.3em;
    color: #fff;
}
.lang_size_small .icoKA_sml {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
/*PCSP_テーブル_罫線表示*/
.okw_main_faq table, .okw_main_faq td, .okw_main_faq th,
.okw_main_info_and_news table, .okw_main_info_and_news td, .okw_main_info_and_news th {
    border: solid 1px;
    float: none;
}
.faq_cate_col {
    border-color: #fff;
    background-color: #323232;
    color: #fff !important;
}
.faq_cate_col, .faq_cate_col a, .faq_cate_col a:visited {
    color: #ffff !important;
}
/*PCSP_info&newsページテーブル_上下余白*/
.okw_main_info_and_news table {
    margin: 15px 0;
}
/*PC_FAQ属性テーブル_枠線表示*/
.faq_addition_list table, .faq_addition_list th, .faq_addition_list td {
    border: solid 1px;
    border-collapse: collapse;
}
.faq_addition_list table {
    margin: 10px 0;
}
/* =======================================================
     23.01追加
======================================================= */
/*ウィザード選択肢色*/
.wzd_qstCont_col {
    background-color: #f7f7f7;
    border-color: #fff;
}
/* =======================================================
     23.05追加
======================================================= */
/*画像全体*/
#okw_contents img {
    max-width: 100%;
}
/*カテゴリーアイコン------------*/
img.cate_icon {
    width: 50px;
    height: auto;
}
/*ナレッジ関連---------------*/
.qaList li.K_sml, .faqList li.K_sml,.faq_relate_list li.K_sml  {
    background: none;
    position: relative;
}
.qaList li.K_sml:before, .faqList li.K_sml:before,.faq_relate_list li.K_sml:before  {
    content: "?";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0px;
    top: 2px;
}
.faq_relate_list li.K_sml:before {
    left: 9px;
    top: 7px;
}
#operator_comment_form_button {
    margin: 0 auto;
}
.icoK_sml {
    background: none;
    position: relative;
    font-size: 112.5%;
    font-weight: bold;
    min-height: 20px;
}
.icoK_sml:before {
    content: "?";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 3px;
}
.icoKA {
    margin: 0;
    color: #fff;
}
.icoKA_sml {
    background: none;
    position: relative;
}
.icoKA_sml {
    background: none;
    position: relative;
}
.icoKA_sml:before {
    content: "!";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
    left: 0;
    top: 0;
}
.icoK,.icoKA {
    background: none;
    position: relative;
}
.icoK:before {
content: "?";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-weight: normal;
}
.icoKA:before {
    content: "!";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #323232;
    text-align: center;
    font-size: 18px;
    left: 7px;
    top: 3px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
}
.faq_tags_modal_wrapper #wizard_answer .faq_ans_col, .faq_tags_modal_wrapper #wizard_list .faq_ansCont_txt {
    padding: 0 65px 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.faq_tags_modal_wrapper #wizard_answer .faq_ans_col {
    padding: 0 0px 20px 56px;
}
/*FAQサジェストパーツ---------------*/
#okw_side .keyword_frm, #okw_side .n_keyword_frm {
    width: 63%;
}
.faq_suggest_title {
    background: none;
    position: relative;
    padding: 0 0 0 28px;
    font-weight: bold;
    margin: 0 0 5px;
    min-height: 20px;
}
.faq_suggest_link {
    font-size: 1em;
}
.faq_suggest_title:before {
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #fff;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 2px;
}
.faq_suggest_title-knowledge:before {
    content: "?";
}
.faq_suggest_link:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}
.faq_search_frmArea .keyword_frmbtn {
    background: transparent url(/usr/file/attachment/simple_bg_btn.png) no-repeat scroll left top;
    width: 76px;
    height: 34px;
    color: #555;
    font-weight: bold;
    border: 0;
    font-size: 100%;
    margin-top: -2px;
}
.faq_search_frmArea .keyword_frmbtn:hover {
    background: url(/usr/file/attachment/simple_bg_btn_h.png) no-repeat scroll left top transparent;
    color: #323232;
}
.faq_suggest_category {
    display: inline-block;
    background-size: 15px;
    padding-left: 20px;
}
/*印刷ページ*/
body:not([id]) #okw_wrapper {
    padding: 20px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.faq_dateNo  {
    color: #fff;
}
/*---PC footer PKSHA logo 非表示---*/
#okw_logo_footer.logo_footer a {
  display: none;
}