@charset "utf-8";
/*
 * PKSHA FAQ
 * Copyright(c) 2002-2020 PKSHA Communication
*/



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

  ▼テンプレート使用色

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

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

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

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

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

/*---------- 折り返し ----------*/

* {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}

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

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

body.lang_size_large {
	font-size: 1.6em; /* 16px */
}
	.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: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ 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: 960px;
}
#okw_contents_inner {
	background: none;
	padding: 15px 0;
}
.colArea {
	margin-bottom: 4.2rem;     /* 24px */
}

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

/* button hover cursor 20241001
-------------------------------------------- */
.keyword_frmbtn{background:#fff;}
.keyword_frmbtn:hover{cursor : pointer; opacity:0.8; transition:0.1s;}

/* カテゴリーパーツ */
.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, a:hover {
	color: #0068b6;
}

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

#okw_side .oneCol {
  margin-bottom: 15px;
}

/*---------- ヘッダー フッター ----------*/
.header_contents {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
#company_logo {
    width: 940px;
    height: 46px;
    padding: 12px 10px 0;
}
.header_title {
    background: #0068b6;
    color: white;
    padding: 11px 32px;
    letter-spacing: 0.1em;
    font-size: 14.4px;
    font-weight: bold;
}
/*.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 {
	display: flex;
    justify-content: space-between;
	width: 100%;
    max-width: 960px;
	min-width: 960px;
	margin: 0 auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer .footer_navi {
    padding: 6px 0 22px 0;
    float: left;
    font-size: 12px;
}
.footer .footer_navi ul {
    display: flex;
}
.footer .footer_navi ul li.r_line {
    border-right: #dddddd solid 1px;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}
.footer .footer_navi a:link, .footer .footer_navi a:visited, .footer .footer_navi a:hover, .footer .footer_navi a:active {
    color: #666666;
}
address {
    color: #666666;
    font-size: 11.68px;
    padding: 5px 0 10px 0;
    font-style: normal;
}

/*.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;
}*/
/* Footer log display none _ 20240930
------------------------------------------------------- */
#okw_logo_footer.logo_footer a {
    display: none; /* 表示要素 */
}

/*---------- 見出し ----------*/
.ttl_col {
	background: url("/usr/file/attachment/aiphone-faq_bg_ttl.png") repeat-x left top;
	padding: 0;
	height: auto;
}
/*aiphone-faq_bg_ttl.png*/

.ttl_bg {
	background: transparent url("/usr/file/attachment/aiphone-faq_bg_ttl.png") repeat-x scroll right top;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #0068b6;
	height: auto;
	padding: 0;
	overflow: hidden; /* スーパーアシスタント利用時の表示崩れ対策 */
  position:relative;
}
/*----------タイトルバー背景 aiphone-faq_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 #0068b6;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}

/*---------- パーツ ----------*/
/* カテゴリーツリー */
.category_tree {
	background: #fff;
	border: none;
	color: #ddd;
}
.category_tree .ttl_bg {
	background: #0068b6;
	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);*/
}
a.pm_icon+a {
    width: calc(100% - 33px);
}

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

/* 最新のFAQ */
.faqList li {
	background: url("/usr/file/attachment/aiphone-faq_arrow.png") no-repeat scroll left 0.7em;
	padding: 0 0 0 10px;
}
/*aiphone-faq_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: #f5f5f5;
	}

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

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

.faq_qstCont_ttl {
  	font-size:142%;
	color: #333;
}
.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: #0068b6;
}
.faq_relate_list li {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow.png");
}
/*aiphone-faq_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;
}

/*カテゴリー視認性UPカスタマイズ追加ここから*/
.okw_parts_category .cate_icon {
	margin: 1em;
}
.okw_parts_category .cate_middle a {
	font-weight: 900;
	color: #222;
	width: 100%;
    box-sizing: border-box;
    height: 100%;
	display: flex;
	align-items: center;
	padding: 0.8em 1em 1em 1em;
	background: #e8f3fb;
}
.okw_parts_category .cate_small {
	display: none;
}
.okw_parts_category .cateList_area .cate_middle {
	padding: 0;
	display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.okw_parts_category .cateList_area > ul > li {
	box-shadow: 1px 1px 2px 1px #a8c6e4;
    box-sizing: border-box;
	font-size: 1.6rem;
	display: flex;
    align-items: center;
}
.okw_parts_category .cateList_box {
	display: flex;
	margin: 20px 0 0;
	flex-flow: row wrap;
}
/* 1列表示 */
.okw_parts_category .cateList_1line {
    width: 100%;/* 横幅 */
}
/* 2列表示 */
.okw_parts_category .cateList_2line {
    width: calc(50% - 12px);/* 横幅 */
    float: none;
	margin-right: 24px;
}
.okw_parts_category .cateList_2line:last-of-type {
    margin: 0;
}
/* 3列表示 */
.okw_parts_category .cateList_3line {
    width: calc(33.3% - 16px);/* 横幅 */
    float: none;
	margin-right: 24px;
}
.okw_parts_category .cateList_3line:last-of-type {
    margin: 0;
}
/* 4列表示 */
.okw_parts_category .cateList_4line {
    width: calc(25% - 18px);
    float: none;
    margin-right: 24px;
}
.okw_parts_category .cateList_4line:last-of-type {
    margin: 0;
}
/*カテゴリー視認性UPカスタマイズ追加ここまで*/


/* ------------------------------
     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;
	color: #0068b6;
}

/* TOPへ */
.topLink a {
	height: auto;
    background: url("/usr/file/attachment/aiphone-faq_arrow_top.png") no-repeat scroll left center;
}

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

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

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

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

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

.category_close a.pm_icon:hover {
    background: url("/usr/file/attachment/aiphone-faq_close_hover.png") no-repeat scroll 0 0;
}
/*----------プラスアイコンホバー aiphone-faq_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/aiphone-faq_arrow.png") no-repeat left top 6px;
  /*aiphone-faq_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/aiphone-faq_arrow_up.png");
	background-size: contain;
}
/* 上向選択時アイコン aiphone-faq_arrow_up.png*/


.sort_asc_image_off {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow_up_off.png");
	background-size: contain;
}
/* 上向非選択時アイコン aiphone-faq_arrow_up_off.png*/

.sort_asc_image_off:hover {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow_up_h.png");
	background-size: contain;
}
/* 上向非選択時ホバーアイコン aiphone-faq_arrow_up_h.png*/


/* ------------------------------
   FAQ詳細ページ　降順アイコン
------------------------------ */
.sort_desc_image_on {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow_down.png");
	background-size: contain;
}
/* 下向選択時アイコン aiphone-faq_arrow_down.png*/

.sort_desc_image_off {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow_down_off.png");
	background-size: contain;
}
/* 下向非選択時アイコン aiphone-faq_arrow_down_off.png*/

.sort_desc_image_off:hover {
	background-image: url("/usr/file/attachment/aiphone-faq_arrow_down_h.png");
	background-size: contain;
}
/* 下向非選択時ホバーアイコン aiphone-faq_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/aiphone-faq_icon_helpinfo.gif") no-repeat;
    background-position: left top 1px;
    min-height: 25px;
}
/*---------- 完了アイコン aiphone-faq_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/aiphone-faq_myp_login_arrow.png") no-repeat scroll left center transparent;
    background-size: 9px;
}
/*---------- 矢印アイコン aiphone-faq_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 40px;
}

.q_contents .q_ttl_br {
  background: none;
  border: none;
  padding: 10px 10px 10px 40px;
  position: relative;
}
.q_contents .q_ttl_br::before {
  content: "Q";
  width: 26px;
  height: 26px;
  border-radius: 3px;
  border: 0px;
  position: absolute;
  background-color: #0068b6;
  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 #0068b6;
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  color: #0068b6;
  text-align: center;
  font-size: 18px;
  left: 0;
  top: 6px;
  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 #0068b6;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

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

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

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

/* 三角アイコン #0068b6・青*/
.category_none {
    background: none;
    position: relative;
}

.category_none:before {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent #0068b6;
    position: absolute;
    left: 11px;
    top: 11px;
}

/* 四角アイコン #0068b6・青*/
.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: #0068b6;
    position: absolute;
    left: 0px;
    top: 6px;
}

/* Q,Aアイコン・#0068b6・青*/
.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:#0068b6;
    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アイコン・小 #0068b6・青*/
.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #0068b6;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #0068b6;
    text-align:center;
    font-size: 12px;
  font-family:Arial;
}

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

/* Q,Aアイコン・大 #0068b6・青*/

.icoQ:before, .q_contents .q_ttl_br:before{
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color:#0068b6;
    color: #fff;
    text-align:center;
    font-size: 18px;
    left:0px;
    top:0px;
    line-height: 1.5;
    font-family:Arial;
    font-weight:normal;
}
.q_contents .q_ttl_br:before {
    top: 6px;
}
.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #0068b6;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #0068b6;
    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;
}

/* ------------------------------
    ユーザーパスワード再発行
------------------------------ */
.password_reset_description {
  padding: 0 10px 5px;
}

/* ------------------------------
    ログインパーツ
------------------------------ */
.okw_parts_end_user_login .form_field dt {
  float: none;
  text-align: unset;
  width: auto;
  display: flex;
  align-items: center;
}
.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.21追加
======================================================= */

/*ウィザード使用の画像サイズ調整*/
.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追記 --- */
.qaList li.K_sml,
.faqList li.K_sml {
    padding-top: 2px;
    background-position-y: 2px;
}
.faq_relate_list li.K_sml {
    background-position-y: 7px;
}

.icoK_sml {
    padding-left: 24px;
    background-position-y: 3px;
}
.icoKA_sml {
    padding-left: 24px;
    background-position-y: 0;
}
.lang_size_small .icoKA_sml {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.icoK {
    line-height: 1.2;
}

/*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;
}
/*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.16追加
======================================================= */
/*ウィザード選択肢色*/
.wzd_qstCont_col {
    background-color: #e8f2fb;
    border-color: #0068b6;
}


/* =======================================================
     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: #0068b6;
    color: #fff;
    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;
	display: block;
}
.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: #0068b6;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 3px;
}

.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 #0068b6;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #0068b6;
    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: #0068b6;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-weight: normal;
	line-height: 26px;
}


.icoKA:before {
    content: "!";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #0068b6;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #0068b6;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
}

/*FAQサジェストパーツ---------------*/

.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: #0068b6;
    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: #f5f5f5;
    text-decoration: none;
}
.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;
}

/*横並びコンテンツの上下中央揃え*/
.colArea:has(.twoCol.okw_parts_usr_3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.twoCol {
    width: calc(50% - 10px);
}
.twoCol:first-of-type {
    margin-right: 20px;
}

/*------------------------------
カスタムパーツ
------------------------------*/
/*---------FAQ参照率UPカスタマイズ（型番の調べ方）---------*/
.to_picup_faq a {
    border: 1px solid #0068b6;
    height: 53px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-radius: 6px;
    width: 100%;
    background: #fafafa;
	font-weight: bold;
	box-sizing: border-box;
	justify-content: center;
}
.oneCol .to_picup_faq {
	max-width: 50%;
	margin: 0 auto;
}
#okw_side .oneCol .to_picup_faq {
	max-width: 100%;
}
.to_picup_faq a:hover {
    opacity: 0.80;
	text-decoration: none;
}

/*---------チャットボット---------*/
.chatbot_box {
    text-align: center;
    background-color: #f5f5f5;
    padding: 20px 10px 22px;
	margin: 80px 0 60px;
}
.chatbot_box a {
    background-color: #0068b6;
    box-shadow: 0 3px 0 0 #0f6ea0;
    color: #fff;
    min-width: 320px;
    display: inline-block;
    padding: .87em .67em .8em;
    border-radius: 6px;
    font-size: 1.8rem;
    cursor: pointer;
}
.chatbot_box a:hover {
	text-decoration: none;
	box-shadow: 0 1px 0 0 #0f6ea0;
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.chatbot_box_text {
	margin: 10px 0;
    font-size: 16px;
}

/*---------ウィザードボタン化---------*/
.wzd_slct_area {
	padding: 10px 10px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
    justify-content: space-between;
}
.wzd_slct_area div {
	width: calc(50% - 5px);
	display: block;
    margin: 0 0 10px;
}
.wzd_slct_area > div.selecttxt {
	flex-basis: 100%;
    margin: 5px 0 0 5px;
}
.wzd_slct_area .chckbx_off, .wzd_slct_area .chckbx_on {
	background-image: none;
	border: 1px solid #0068b6;
    min-height: 53px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 6px;
    background: #fafafa;
    width: auto;
    font-weight: bold;
	text-decoration: none !important;
	box-sizing: border-box;
	justify-content: center;
	text-align: center;
}
.wzd_slct_area .chckbx_on {
	text-decoration: none !important;
	flex-basis: calc(50% - 5px);
    pointer-events: none;
	color: #0068b6;
    opacity: 0.8;
    background: #e8f2fb;
    box-sizing: border-box;
}
.wzd_slct_area .chckbx_off:hover,
.wzd_slct_area .chckbx_on:hover {
	opacity: 0.80;
}

/*この設問からやり直す*/
.wzd_qstCont_col {
	position: relative;
	padding: 10px 170px 10px 15px;
}
.wzd_bck {
    color: #333 !important;
    padding: 2px 12px;
    text-decoration: none !important;
    background: #fafafa;
    border: 1px solid #0068b6;
    margin: 0;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
	font-size: 80%;
}
.wzd_bck:hover {
	opacity: 0.80;
}

/*---------ウィザード回答内リンクボタン化---------*/
div#wizard_list .faq_ansCont_txt div:not([class]) > a,
div#wizard_list .faq_ansCont_txt div.form_link a {
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
    border: 1px solid #0068b6;
    min-height: 53px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 6px;
    background: #0068b6;
    box-sizing: border-box;
    justify-content: center;
}
div#wizard_list .faq_ansCont_txt div.form_link a {
    background: #e8f2fb;
}
div#wizard_list .faq_ansCont_txt div.form_link a {
	color: #0068b6 !important;
}
div#wizard_list .faq_ansCont_txt div > a:not([class]):hover,
div#wizard_list .faq_ansCont_txt div.form_link a:not([class]):hover {
	opacity: 0.80;
}

/*---------電話番号アコーディオン---------*/
.phone_no_heading {
	color: #0068b6 !important;
    text-decoration: none !important;
    text-align: center;
    margin: 10px 0 0;
    font-weight: bold;
	border: 1px solid #0068b6;
    min-height: 53px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-radius: 6px;
    background: #fafafa;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	justify-content: center;
}
.phone_no_heading:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 20px;
    height: 2px;
    background: #0068b6;
    transform: translateY(-50%);
}
.phone_no_heading:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    display: block;
    width: 2px;
    height: 20px;
    background: #0068b6;
    transform: translateY(-50%);
}
.phone_no_heading.icon_minus:before {
    transform: translateY(-50%) rotate(90deg);
    transition: .3s;
}
.phone_no_heading:not(.icon_minus):before{
	transform: translateY(-50%) rotate(0deg);
	transition: .3s;
}
.phone_no_detail {
    display: none;
    background-color: #e8f2fb;
    padding: 10px 15px;
	text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: 0.5px;
}
.phone_no_heading:hover {
	opacity: 0.80;
}
.wzd_slct_area>span.chckbx_on:has(+div.clearfix) {
    display: none;
}

/* Gneral Style Parts 10/17/2024 AIPHONE
------------------------------------------*/
.mb3rem{margin-bottom:3rem !important;}
.form_link a {cursor:pointer;}