body {
  font-family: "Noto Sans JP",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

@charset "utf-8";
/*
   OKBiz Copyright(c) PRAZNA.
*/



/*==================================================================

  ▼テンプレート使用色

==================================================================*/

/*
ベース: #ffffff
メイン: #5F90CC
アクセント: #006699 #e8860a
グレー：#333 #999 #ccc #cdcdcd #f5f5f5（濃←→薄）
*/

/*==================================================================

  ▼OKBiz デフォルトCSSのリセット

==================================================================*/

/*---------- 文字サイズ ----------*/

html {
	font-size: 62.5%; /* 1em = 10px */
}

body.lang_size_large {
	font-size: 1.4em; /* 14px */
}
	.lang_size_large textarea, .lang_size_large .login_txt, .lang_size_large .keyword_frm {
		font-size: 100%;
	}

body.lang_size_medium {
	font-size: 1.4em; /* 14px */
}
	.lang_size_medium .login_txt, .lang_size_medium .keyword_frm, .lang_size_medium textarea {
		font-size: 100%;
	}

body.lang_size_small {
	font-size: 1.2em; /* 12px */
}
	.lang_size_small textarea, .lang_size_small .login_txt, .lang_size_small .keyword_frm {
		font-size: 100%;
	}

/* 文字サイズ＝小 */
body.lang_size_small .ttl_col h2,
body.lang_size_small .category_tree .ttl_bg,
body.lang_size_small .search_qattl,
body.lang_size_small .faq_ans_ttl,
body.lang_size_small .questioner_ttl,
body.lang_size_small #login_col h2 {
	font-size: 117%; /* 14px */
}
body.lang_size_small .topLink,
body.lang_size_small .search_switc,
body.lang_size_small .keyword_frmbtn,
body.lang_size_small #login_btn,
body.lang_size_small .mail_input_button,
body.lang_size_small .questioner_btn,
body.lang_size_small .category_tree,
body.lang_size_small .cate_small,
body.lang_size_small .help_attention,
body.lang_size_small .input_note,
body.lang_size_small .hdq_confirm_btn_c {
	font-size: 100%; /* 12px */
}
body.lang_size_small .okw_bread li,
body.lang_size_small li.okw_txt,
body.lang_size_small .search_description,
body.lang_size_small .pg_col_top,
body.lang_size_small .search_dateNo li,
body.lang_size_small .pg_col_down,
body.lang_size_small .siteLink li,
body.lang_size_small .faq_dateNo li,
body.lang_size_small .faq_cate_col dt,
body.lang_size_small .questioner_sub_msg,
body.lang_size_small .questioner_description,
body.lang_size_small .button_to_link,
body.lang_size_small .infonews_date_txt {
	font-size: 84%; /* 10px */
}

/* 文字サイズ＝中 */
body.lang_size_medium .ttl_col h2,
body.lang_size_medium .category_tree .ttl_bg,
body.lang_size_medium .search_qattl,
body.lang_size_medium .faq_ans_ttl,
body.lang_size_medium .questioner_ttl,
body.lang_size_medium #login_col h2 {
	font-size: 115%; /* 16px */
}
body.lang_size_medium .topLink,
body.lang_size_medium .search_switc,
body.lang_size_medium .keyword_frmbtn,
body.lang_size_medium #login_btn,
body.lang_size_medium .mail_input_button,
body.lang_size_medium .questioner_btn,
body.lang_size_medium .category_tree,
body.lang_size_medium .cate_small,
body.lang_size_medium .help_attention,
body.lang_size_medium .hdq_confirm_btn_c {
	font-size: 100%; /* 14px */
}
body.lang_size_medium .okw_bread li,
body.lang_size_medium li.okw_txt,
body.lang_size_medium .search_description,
body.lang_size_medium .pg_col_top,
body.lang_size_medium .search_dateNo li,
body.lang_size_medium .pg_col_down,
body.lang_size_medium .siteLink li,
body.lang_size_medium .faq_dateNo li,
body.lang_size_medium .faq_cate_col dt,
body.lang_size_medium .questioner_sub_msg,
body.lang_size_medium .questioner_description,
body.lang_size_medium .input_note,
/*body.lang_size_medium .button_to_link,*/
body.lang_size_medium .infonews_date_txt {
	font-size: 86%; /* 12px */
}

/* 文字サイズ＝大 */
body.lang_size_large .ttl_col h2,
body.lang_size_large .category_tree .ttl_bg,
body.lang_size_large .search_qattl,
body.lang_size_large .faq_ans_ttl,
body.lang_size_large .questioner_ttl,
body.lang_size_large #login_col h2 {
	font-size: 106%; /* 17px */
}
body.lang_size_large .topLink,


body.lang_size_large .search_switc,
body.lang_size_large .keyword_frmbtn,
body.lang_size_large #login_btn,
body.lang_size_large .mail_input_button,
body.lang_size_large .questioner_btn,
body.lang_size_large .category_tree,
body.lang_size_large .cate_small,
body.lang_size_large .hdq_confirm_btn_c {
	font-size: 100%; /* 16px */
}
body.lang_size_large .search_description,
body.lang_size_large .pg_col_top,
body.lang_size_large .search_dateNo li,
body.lang_size_large .pg_col_down,
body.lang_size_large .siteLink li,
body.lang_size_large .faq_dateNo li,
body.lang_size_large .faq_cate_col dt,
body.lang_size_large .questioner_sub_msg,
body.lang_size_large .questioner_description,
body.lang_size_large .help_attention,
body.lang_size_large .input_note,
body.lang_size_large .button_to_link {
	font-size: 88%; /* 14px */
}
body.lang_size_large .okw_bread li,
body.lang_size_large li.okw_txt,
body.lang_size_large .infonews_date_txt {
	font-size: 75%; /* 12px */
}

/*---------- タグ ----------*/
textarea, input, select {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
	padding: 2px 3px;
	}

/*---------- レイアウト ----------*/

#okw_contents {
	background: none;
}
#okw_contents_base {
	background: none;
	padding-right: 0px;
	width: 965px;
}
#okw_contents_inner {
	background: none;
	padding: 15px 0;
}
.colArea {
	margin-bottom: 0px;
}

/*---------- Biz要素 ----------=*/

.okw_bread {
	width: 79%; /* コンテンツ幅により調節の必要あり */
}

/* カテゴリーツリー */
.category_tree {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0;
	padding-bottom: 0;
}
.category_tree .ttl_col {
	padding: 0;
}
.category_tree .ttl_bg {
	border: none;
	width: 100%;
	padding: 0;
}
.category_level_0 {
	margin: 0;
}
.category_level_1,
.category_level_2,
.category_level_3 {
	background: #fff;
}

/* 見出し */
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoPickup, .icoFavorite, .icoKey {
	height: auto;
	line-height: 44px; /* .ttl_colの高さに合わせる */
	padding: 0 0 0 40px;
	background-position: 5px center;
}
.icoHdquestion {
	background: url("../images/front/icon_helpttl.jpg") no-repeat 5px center;
	height: auto;
	line-height: 44px;
	padding: 0 0 0 20px;
}
.category_tree a, .category_nofaq {
    overflow: visible;
}

/* 検索パーツ */
.keyword_frm {
	padding: 0 2px;
}
.search_faq_type {
    margin-top: 10px;
}

/* カテゴリーパーツ */
.cateSepa {
	margin-right: 6px;
}

/* カテゴリーページ */
.current {
	font-weight: bold;
	padding: 3px 6px;
}

/* FAQ詳細ページ */
#faq_answer_contents img {
	max-width: 100%;
	width: auto !important;
	width: 100%;
}

.HDcolumn_right textarea {
	width: 565px; /* paddingを追加したため */
}
.button_to_link {
	height: auto;
}

/* FAQ内テーブル */
#faq_question_contents table, #faq_answer_contents table, #info_news_contents table {
	border-spacing: 0;
}
#faq_question_contents th, #faq_answer_contents th, #info_news_contents th {
	background: #ccc;
	border: 1px solid #000;
}
#faq_question_contents td, #faq_answer_contents td, #info_news_contents td {
	border: 1px solid #000;
}




/*==================================================================

   ▼テンプレート用CSS

==================================================================*/

/*---------- タグ ----------*/
a:link, a:visited, a:active {
	color: rgb(76,73,72);
}
a:hover {
	color:#2b5caa;
}

/*---------- レイアウト ----------*/
#okw_sub_header {
	margin-bottom: 10px;
}
.twoCol {
	width: 49%;
}
/*---------- 検索窓----------*/

.search_frmArea .keyword_mode .keyword_frmbtn {
    background:#5F90CC;
}

/*---------- ヘッダー フッター ----------*/
.header_contents {
  border-bottom:2px solid #fa8072;
  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 {
	background: #f4ede4;
	padding: 10px;
}
.copyright {
	width: 965px;
	margin: 0 auto;
	color: #999;
	font-size: 12px;
	text-align: right;
}
#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;
}
.ft-localnav {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(79, 77, 77);
    padding: 20px;
    margin: auto;
}

.ft-localnav ul li {
   height: 18px;
    padding: 0;
    line-height: 20px;
    border-right: white 1px solid;
    margin-bottom: 5px;
}
.ft-localnav ul li:last-child {
    border-right:none;
}


/*---------- 見出し ----------*/
.ttl_col {
    height: 24px;
    padding: 0 0 1px;
    margin-bottom: 15px;
    border-bottom: 2px solid #DEE1E2;
}
.ttl_bg span {
    background: none;
    border-bottom: solid 2px #ccc;
  position: relative;
width: 100%;
}
.ttl_bg span:after {
  position: absolute;
  content: " ";
  display: block;
  /*border-bottom: solid 2px rgb(43, 92, 170);*/
  width: 30%;
left: 0%;
}
/*BurnesStyle用*/
.category_tree .ttl_bg span:after {
    border-bottom: solid 2px #000000;
}

/*temp_bg_ttl.png*/

.ttl_bg {
	background: white;
	padding: 0;
	overflow: hidden; /* スーパーアシスタント利用時の表示崩れ対策 */
}
/*----------タイトルバー背景 temp_bg_ttl.png ----------*/


.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoHdquestion, .icoPickup, .icoFavorite, .icoKey, .icoProf {
	height: auto;
	line-height: 1.2;
	padding: 0 0 0 10px;
	background: none;
	border-left: 4px solid #b71b21;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoHdquestion, .icoPickup, .icoFavorite, .icoKey, .icoProf {
  border-left: 0px;
    margin: 0; 
}

/*---------- パーツ ----------*/
/* カテゴリーツリー */
.category_tree {
	background: #fff;
	border: none;
	color: #000000;
}
.category_tree .ttl_bg {
	background: rgb(43, 92, 170);
	border-radius: 5px 5px 0 0;
	height: auto;
	padding: 10px 0;
	color: #fff;
	font-weight: normal;
}

.icocate_tree {
	height: auto;
	line-height: 32px; /* .category_tree .ttl_bgの高さに合わせる */
	background: none;
	padding: 0 9px 0 9px;
	line-height: 1.2;
}

.category_level_0 {
	border: solid #cdcdcd;
	border-width: 0 1px 1px;
	border-radius: 0 0 5px 5px;
}

.category_select {
	background-color: #ddd;
}

.category_none.category_select {
  background: #ddd;
}
.cate_pull_inert_bg {
    display: flex;
}
.category_tree a, .category_nofaq {
    width: calc(100% - 25px);
}

/* 閲覧の多いFAQ */
.qaList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
	padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/* 最新のFAQ */
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoHot, .icoFaq {
    background: none;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 6px;
    border-bottom: 2px solid #5F90CC;;
    min-width: 37%;
    letter-spacing: 0.05em;
}
a.btn_contact{
    color: white;
    display: block;
    font-family: Osaka, メイリオ, Meiryo, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 300px;
    background: #7595cd;
    margin: 0px auto;
    padding: 20px 0px;
    text-decoration: none;
}
.faqList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left 0.7em;
	padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/*---------- カテゴリーページ ----------*/
.sort_arrow {
    margin: 5px 0 0 7px;
    width: 12px;
}

/*
.sort_arrow span, .sort_arrow a {
	height: 11px;
	width: 12px;
}
*/

.search_list {
	border-top: 1px dotted #ccc;
}
.search_list_inner {
	border-bottom: 1px dotted #ccc;
}
.search_list_bg2 {
	background-color: #fff;
}
li.search_list_inner:hover {
	background-color: #ccc;
	}

.search_attachment_icon {
	background: url("/usr/file/attachment/temp_clip.png") no-repeat scroll 0 0;
}
/*temp_clip.png*/

/*---------- FAQ詳細ページ ----------*/

.faq_qstCont_ttl {
  	font-size:142%;
	color: #000;
}
.faq_cate_col {
	background-color: #fff;
	border-color: #cdcdcd;
	border-style: dotted;
	border-width: 1px 0;
	padding: 5px 0;
}
.faq_ans_bor {
	background: none;
}
.faq_addition_col {
	background-color: #f5f5f5;
	border: 1px solid #cdcdcd;
}
.faq_attachment_file_list dt {
	display: inline;
	float: left;
}
.faq_attachment_file_list dd {
	display: block;
	float: left;
	}
.okw_enquete_area {
	background: #e8f2fb;
	border: none;
	border-radius: 5px;
}
.questioner_ttl {
	border-bottom: 1px solid #cdcdcd;
}
.questioner_btn {
	color: #cd5c5c;
}
.faq_relate_list li {
	background-image: url("/usr/file/attachment/temp_arrow.png");
}
/*temp_arrow.png*/

.faq_list_bg2 {
	background-color: #f5f5f5;
	}

/*---------- Info&Newsページ ----------*/
.infonews_date_txt {
	margin-bottom: 5px;
}


/*==================================================================

   ▼追加CSS

==================================================================*/
/* ------------------------------------
     カテゴリー一覧子カテゴリー
------------------------------------ */

.cateList_area {
    color: #ddd;
}

.cate_middle {
    word-break: break-all;
    white-space: normal;
}

/* ------------------------------
     Info&Newsタイトル
------------------------------ */

.infoTxt {
    word-break: break-all;
    white-space: normal;
    padding-bottom: 4px;
}


/* ------------------------------
     Info&Newsページ内
------------------------------ */
.infonews_txt {
    white-space: normal;
    word-break: break-all;
}

/* ------------------------------
     パンくずリスト
------------------------------ */

.okw_bread li {
    display: inline-block;
	word-break: break-all;
    white-space: normal;
}

.okw_bread li a {
    margin: 0 4px 0 4px;
}

.okw_bread li span:last-child {
    margin-left: 4px;
    /* display: none; */
}

.okw_bread li a:first-child {
    margin-left: 0px;
}


/*最新のFAQ_閲覧の多いFAQ_関連するFAQ_アイコン位置調整*/
.faqList li.Q_sml, 
.qaList li.Q_sml {
    padding: 2px 0 0 24px;
    margin-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}
/*----------項目矢印 arrow.png ----------*/

.icoQ {
	line-height: 1.2em;
}

.icoA {
    padding: 3px 0 8px 40px;
    line-height: 1.4em;
}

/* TOPへ */
.topLink a {
height: auto;
    background: url("/usr/file/attachment/temp_arrow_top.png") no-repeat scroll left center;
    display: none;　/*--崩れが起きるため非表示--*/
}

/*----------トップへ戻る矢印 temp_arrow_top.png ----------*/

/* ------------------------------
    ショルダー部分 カテゴリツリー
------------------------------ */

.category_open .pm_icon {
    background: url("/usr/file/attachment/temp_open.png") no-repeat scroll 0 0;
}
/*----------マイナスアイコン temp_open.png ----------*/

.category_open a.pm_icon:hover {
    background: url("/usr/file/attachment/temp_open_hover.png") no-repeat scroll 0 0;
}
/*----------マイナスアイコンホバー temp_open_hover.png ----------*/

.category_close .pm_icon {
    background: url("/usr/file/attachment/temp_close.png") no-repeat scroll 0 0;
}
/*----------プラスアイコン temp_close.png ----------*/

.category_close a.pm_icon:hover {
    background: url("/usr/file/attachment/temp_close_hover.png") no-repeat scroll 0 0;
}
/*----------プラスアイコンホバー temp_close_hover.png ----------*/

.category_none {
	padding-left: 28px;
}

.siteLink li {
    display: inline-block;
    height: 25px;
}

/* ------------------------------
   検索結果表示背景
------------------------------ */

.kwd_none {
    background-color: #ddd;
}
/* 検索結果 */
.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*/
}


/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    display: block;
    width: calc(100% - 110px);
	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: 9px;
    bottom: 9px;
    font-size:14px;
}


/* ------------------------------
   カテゴリーツリー
------------------------------ */

/* 【現在いるカテゴリー】時の、件数表記 */
.category_select a span.cate_count {
    color: #666;
}


/* ------------------------------
   FAQ一覧
------------------------------ */
/* FAQ一覧「詳細表示」余白*/
.faq_list_show_detail {
    padding-left: 20px;
}


/* カスタムで作成するアイコンサイズ調整*/
.faq_custom_mark {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    padding-bottom: 1px;
    height: auto;
}

/* ------------------------------
   FAQ詳細ページ
------------------------------ */
.preLink a {
		padding: 4px 3px 2px 18px;
	}

.faq_ans_ttl {
    word-break: break-all;
    white-space: normal;
}

/* ------------------------------
   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*/

/* =======================================================
     お問合せ入力フォーム
======================================================= */

.HDcolumn_right input {
    max-width: 565px;
}


/* ボタンエリア、お問い合わせ完了テーブル */
.commit_button_block,
.me_commit_button_block
{
    background: #f0f0f0;
}


/* =======================================================
     お問合せ入力ページ（スーパーアシスト画面）
======================================================= */
.hd_question_form .ttl_bg {
    border-top: none;
    border-bottom: 1px dotted #a0a0a0;
    background: none;
    margin-bottom: 20px;
}

.hd_question_form .icoQa {
    border-left: 3px solid #a0a0a0;
}

#sa_button {
	margin: 10px 0 0 0;
	width: auto;
}

/* 戻るボタン */
.button_to_link {
    height: auto;
    padding: 4px 3px 2px 18px;
    font-size: 100%;
}


/* =======================================================
     お問合せ完了ページ
======================================================= */
.hdq_finish_msg_mark {
    background: url("/usr/file/attachment/temp_icon_helpinfo.gif") no-repeat;
    background-position: left top 1px;
    min-height: 25px;
}
/*---------- 完了アイコン temp_icon_helpinfo.gif ----------*/

/*==================================================================

  ▼6/26以降変更部分（HDお問い合わせページ）

==================================================================*/

.HDcolumn_right textarea {
    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;
}

/* =======================================================
     マイページ
======================================================= */

/* ログイン画面 */
#login_col .reissue_password a, 
#login_col .create_account_request a {
    padding-left: 16px;
    background: url("/usr/file/attachment/temp_myp_login_arrow.png") no-repeat scroll left center transparent;
    background-size: 9px;
}
/*---------- 矢印アイコン temp_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-color: #ddd;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 47px;
}

.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: #2b5caa;
  color: #fff;
  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 #b71b21;
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  color: #b71b21;
  text-align: center;
  font-size: 18px;
  left: 15px;
  top: 7px;
  line-height: 1.4;
  font-family: Arial;
  font-weight: normal;
  line-height: 1.5;
}
.mrktenqt_link {
  background-color: #fff;
  border-color: #ccc;
}
/* =======================================================
     回答メールからの遷移画面
======================================================= */
.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: #ffffff;
    border: 1px solid #dcdcdc;
}
/* =======================================================
     サーベイ
======================================================= */

.icoMenquete {
    height: auto;
	line-height: 1.2;
	padding: 0 0 0 10px;
	background: none;
	border-left: 4px solid #433f3f;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

/*==================================================================

  ▼7/5以降変更部分（アイコンCSS化）

==================================================================*/
h2.ttl_bg {
    border-top: none;
}
/* 三角アイコン #bc8f8f*/
.category_none {
    background: none;
    position: relative;
}

.category_none:before {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent rgb(43, 92, 170);
    position: absolute;
    left: 11px;
    top: 11px;
}

/* 四角アイコン #bc8f8f*/
.newsList li {
    position: relative;
	padding-left: 12px;
	background: none;
}

.newsList li:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 2px;
    border-color: #bc8f8f;
    position: absolute;
    left: 0px;
    top: 6px;
}

/* Q,Aアイコン・#bc8f8f*/
.faqList li.Q_sml, 
.faq_relate_list li.Q_sml, 
.qaList li.Q_sml,
.icoQ_sml, 
.icoA_sml,
.icoQ,
.icoA,
.q_contents .q_ttl_br {
    background: none;
    position: relative;
}

.faqList li.Q_sml:before, 
.faq_relate_list li.Q_sml:before, 
.qaList li.Q_sml:before,
.icoQ_sml:before,
.q_contents .q_ttl_br:before{
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color:#2b5caa;
    color: #fff;
    text-align:center;
    font-size: 12px;
    font-weight:normal;
    font-family:Arial;
}

.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, 
.icoA_sml {
    padding-left: 24px;
}

.icoQ_sml:before {
    left:0;
    top:3px;
}

/* Aアイコン・小 #bc8f8f*/
.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #2b5caa;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #2b5caa;
    text-align:center;
    font-size: 12px;
  font-family:Arial;
}

.icoA_sml:before {
    left:0;
    top:0px;
}

/* Q,Aアイコン・大 #bc8f8f*/

.icoQ:before, .q_contents .q_ttl_br:before{
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color:#2b5caa;
    color: #fff;
    text-align:center;
    font-size: 18px;
    left:0px;
    top:0px;
    line-height: 1.5;
    font-family:Arial;
    font-weight:normal;
}

.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #5F90CC;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #5F90CC;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family:Arial;
    font-weight:normal;
}
li.K_sml {
    padding-left: 24px;
}

/* ------------------------------	
     FAQ	
------------------------------ */	
p.icon_text {
    letter-spacing: -0.1px;
}
ul.site-faq-list {	
	margin: 0 20px 30px;
	display: flex;
	flex-wrap: wrap;
}
p.icon_text {
    padding-top: 5px;
    text-align: left;
}	
ul.site-faq-list li {	
    text-align: center;
    width: 21.333%;
    padding: 5%;
}
ul.site-faq-list li:first-child,ul.site-faq-list li:nth-child(2),ul.site-faq-list li:nth-child(3) {	
border-bottom: 1px solid #d7d7d7;
}

ul.site-faq-list li:nth-child(2),ul.site-faq-list li:nth-child(5) {	
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

}	
ul.site-faq-list li img {	
	 max-width: 100%;
}	
span.icocate_tree {
    border-bottom: none;
}
.ttl_col {
    margin: 0;
}
.search_category_wrapper.clearfix {
    display: none;
}
.search_faq_type {
    display: none;
}
.search_target {
    display: none;
}
.ft-localnav ul {
height: 18px;
    padding: 0;
    line-height: 100px;
    display: flex;
    align-items: center;
justify-content: center;
flex-wrap: wrap;
}
footer#site-footer {
    background: #5F90CC;
}
.oneCol.okw_parts_usr_23 {
    display: flex;
    flex-flow: wrap;
}
p.icon-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2em;
    margin-bottom: 5px;
text-align: center;
font-weight: bold;
}
p.icon_text {
    width: 100%;
    margin: 0 auto;
}
.pg_col_top.clearfix {
    margin-top: 20px;
}

.ttl_col　p {
    margin-top: 20px;
}
.attr_search_kw_area, .search_target_area {
    margin-top: 10px;
}
span.open_label {
    color: #292929;
}
a.link-text {
    color: white;
height: 18px;
    padding: 0 19px;
    line-height: 20px;
    font-size: 13px;
    display: block;
}

.oneCol.okw_parts_attention_keyword {
    margin-bottom: 60px;
}

ul.attention_keyword_list {
    margin-top: 20px;
}
.search_frmArea .keyword_mode .keyword_frmbtn {
    background: rgb(118 118 118);
}

/* ------------------------------	
カスタムパーツ_カテゴリ別に探す
------------------------------ */	

.oneCol.okw_parts_usr_32 {
    display: flex;
    flex-flow: wrap;
}
p.icon_text {
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    text-align: center;
}

#helpdesk_complete .hdq_confirm_btn, .hdq_confirm_btn_s {display: none;}/* 投稿後画面のボタン除去 */
/* ------------------------------	
     フォーム画面	
------------------------------ */	
/* 同意ボタンの文章リスト*/
ul.agreement_list li:before {
    content: "・";
}
/* ------------------------------	
 FAQのタイトルや本文の 『…』で省略制御
------------------------------ */	
.ui-li-heading {
white-space : normal;
}

.ui-li-desc {
white-space : normal;
}

.ui-li .ui-btn-text a.ui-link-inherit {
white-space: normal;
}

/* ------------------------------	
お問い合わせ電話番号
------------------------------ */	
.tel_box {
    border: solid 1px rgb(204, 204, 204);
    padding: 25px;
    width: 98%;
    margin: auto;
    margin-bottom: -1px;
box-sizing: border-box;
}
p.tel_text {
    letter-spacing: normal;
}
.tel_box a {
    font-size: 2em;
    display: block;
    padding: 0.5em 0 0.6em;
}
p.tel_title {
    font-size: 1.2em;
}
p.tel_title span {
    font-size: 0.7em;
}
ul.annotation_list li {
    font-size: 0.7em;
    position: relative;
    left: 15px;
    top: 10px;
}
ul.annotation_list li:before {
    position: absolute;
    left: -10px;
    content: "※";
}
/* ------------------------------	
お問い合わせフォーム
------------------------------ */	
.form-wrp a:hover {
    text-decoration: none;
    color:#2b5caa;
}
.form_box:hover {
    background: rgb(204, 204, 204,0.25);
}
.form_box {
    border: solid 1px rgb(204, 204, 204);
    margin: 15px;
    padding: 20px;
    text-align: center;
    background: #cbc8c81a;
}

p.form_title {
    position: relative;
    right: 15px;
}

p.form_title:after {
    content: ">";
    position: absolute;
    right: 15px;
    color: rgb(204, 204, 204);
}
/* パーツタイトル */
h2.ttl_bg {
    height: 27px;
}

/* インフォメーション */
.newsList li:before {
display:none;}

.newsList li {
    margin-bottom: 7px;
}

/* 各パーツごとのマージン */
ul#info_and_news_list {
    margin-top: 15px;
}
.search_frmArea {
    margin-top: 10px!important;
    margin-bottom: 0px!important;
}
ul.attention_keyword_list {
    margin-top: 15px;
}
ul.qaList {
    margin-top: 15px;
}
.colArea.clearfix {
    margin-bottom: 40px;
}
.oneCol.okw_parts_attention_keyword {
    margin-bottom: 0px;
}
/* 全体 */
body {
    letter-spacing: 0.1em;
    line-height: 1.3em;
}
/* カテゴリーから探す */
ul.category_box {
    display: flex;
    flex-flow: wrap;
    margin: 30px 40px;
}
/* 検索のコツ */
.search_trick_box {
    margin-top: -11%;
    margin-left: 5%;
}
.search_trick_box img{
width:100%;}

/*Info＆News一覧の日時非表示*/
.newsList li .datetime {
display: none;
}

/*Info＆News内容参照画面日時非表示*/
.infonews_datetime {
display: none;
}
/*フォームのクリック範囲を広げる*/
li .thumb {
position: relative;
}
li .thumb::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: transparent;
display: inline-block;
width: 100px;}
/* =======================================================
  +と-アイコン
======================================================= */
.category_close .pm_icon {
    background: url(/usr/file/attachment/NEW_Rintosull_plus.png) ;
}
.category_close a.pm_icon:hover {
    background: url(/usr/file/attachment/NEW_Rintosull_plus.png) 0px 0px no-repeat scroll;
}

.category_open a.pm_icon:hover {
    background: url(/usr/file/attachment/NEW_Rintosull_minus.jpg) 0px 0px no-repeat scroll;
}
.category_open .pm_icon {
    background: url(/usr/file/attachment/NEW_Rintosull_minus.jpg) ;
}

/* =======================================================
 header_サポートセンター
======================================================= */
h1 {
    display: flex;
    flex-direction: column-reverse;
}
h1>span {
    font-size: 0.55em;
    margin-bottom: 6px;
}
/*ロゴ右隣のテキスト(PC)*/
span.header_helpcenter_subtitle {
  margin-bottom: 5px;
font-size: 0.55em;
  }
a.header_helpcenter {
display: flex;
flex-direction: column-reverse;
}
a.header_helpcenter:hover {
color: unset;
text-decoration: none;
}


/* =======================================================
 フォームリンク
======================================================= */
.agreement_matter {
    color: rgb(43, 92, 170) !important;
}
/* =======================================================
 footer
======================================================= */
.footer_logo {
    width: 100%;
}
footer{
  font-size: 1.2rem;
  padding: 40px 0;
  color: #fff;
  text-align: center;
}

.footer_wrap {
  max-width: 100%;
  margin: 0 auto;
}

.footer_logo {
  width: 185px;
  margin: 0 40px 20px 40px;
}

	
  .footer_logo {
    margin: 0 auto;
  }


.footer_menu ul {
  margin: 0 40px;
  display: grid;
  text-align: left;
  line-height: 2.5;
  border-bottom: solid 1px #fff;
  padding-bottom: 10px;
  font-size: 1.4rem;
}


  .footer_menu ul {
    display: flex;
    justify-content: center;
    padding-bottom: 0px;
  }
  
  .footer_menu ul li {
  padding: 10px;
color:white;
  }
.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #2b5caa;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #2b5caa;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
}
body {
    color: rgb(76, 73, 72);
}

.footer_nav {
/*  text-align: center;*/
  margin-bottom: 10px;
  width: 100%;
}

.footer_nav ul {
	padding: 10px 0 0 0;	
  display: inline-block;
  overflow: hidden;
}

.footer_nav ul li {
  display: inline-block;
}

.footer_nav ul li:before {
  content: "";
  display: inline-block;
  height: 1em;
  border-left: 1px solid #fff;
  vertical-align: middle;
}

.footer_nav ul li:first-child:before,  .footer_nav ul li:nth-child(7):before {
  border-left: none;
}

.footer_nav a {
  position: relative;
  display: inline-block;
  line-height: 2.5em;
  box-sizing: border-box;
  padding: 0 1em;
}

.footer_menu a {
    color: white;
}
/*.footer_nav ul li:nth-child(6):before {
  border-left: none;
}
*/
.footer_nav a {
    color: white;
}
.footer_nav ul li:nth-child(7):before {
  border-left: 1px solid #191816;
}
img {
    width: 100%;
}
#copyright {
  text-align: center;
}


.return_top {
  background-color: #7EA6D6;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  padding: 10px 0;
  line-height: 1;
}

.return_top img {
  width: 16px;
  padding-bottom: 5px;
}

/* =======================================================
FIVE用
======================================================= */
body{
 font-family: 'M PLUS 1p', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color:#000000;
}
a:link, a:visited, a:active {
     color: #000000;
}
.footer_nav a::hover {
    color: white;
}
h1 {
    font-family: "a-otf-ud-shin-go-pr6n";
    font-weight: bolder;
    -webkit-text-stroke: 0.2px black;
}
footer {
    padding-bottom: 0;
　background: white;
　width:100%;
}

.footer_nav a {
    color: white;
}
.footer_nav a:hover {
    color: white;
}
.footer_wrap {
    background: #101010;
    padding: 1em 0 2em;
　width:100%;
}
.footer_logo {
    margin: 1.5em auto;
}
.category_tree .ttl_bg {
    background:#000000;
}
.ttl_bg span:after {
    border-bottom: solid 2px #d6000f;
}
.category_none:before {
    border-color: transparent transparent transparent #000000;
}
faqList li.Q_sml::before, .faq_relate_list li.Q_sml::before, .qaList li.Q_sml::before, .icoQ_sml::before, .q_contents .q_ttl_br::before {
    background-color: #d6000f;
}
.icoQ:before, .q_contents .q_ttl_br:before {
    background-color: #d6000f;
}
.icoA:before {
    border: 1px solid #d6000f;
    color: #d6000f;
}
/* =======================================================
  +と-アイコン
======================================================= */
.category_close .pm_icon {
    background: url(/usr/file/attachment/BS_plus.png) ;
}
.category_close a.pm_icon:hover {
    background: url(/usr/file/attachment/BS_plus.png) 0px 0px no-repeat scroll;
}

.category_open a.pm_icon:hover {
    background: url(/usr/file/attachment/BS_minus.png) 0px 0px no-repeat scroll;
}
.category_open .pm_icon {
    background: url(/usr/file/attachment/BS_minus.png) ;
}
a:hover {
    color: #d6000f; /* ホバーテキスト色 */
}
.footer_wrap {
    background: #101010;
}
p.form_title:hover {
color:#d6000f;
}
.form_box:hover {
color:#d6000f;
}
.icoA_sml:before {
    border: 1px solid #d6000f;
    color: #d6000f;

}
a.btn_contact {
    color: white;
    background: #d6000f;
}
a.btn_contact.ui-link {
    font-size: 0.9em;
    letter-spacing: 0.1em;
}
.agreement_matter {
    color: #c97472 !important;
}