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



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

====

  ▼テンプレート使用色

================================================================

==*/

/*
ライン: #339599
リンク色： #116bb7
グレー：#58676b #dddddd #dee1e2 #f7f7f7（濃←→薄）
*/



/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
body {
    font-family: "メイリオ", Meiryo, Osaka, sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
    color: #333; /* テキスト色 */
    text-align: left; /* テキスト配置 */
}
h1 {
    font-size: 100%; /* 文字サイズ */
}

/* ------------------------------
     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%;*/ /* 文字サイズ */
    font-size: 100%; /* 文字サイズ */
}
/* 小 */
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: #333; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #333; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
/*    color: #339599;*/ /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
    color: inherit!important;
}
/* アクティブ */
a:active {
    color: #333; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* =======================================================
     base layout
======================================================= */
/* ------------------------------
     okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {}

/* ------------------------------
     okwave 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; /* 幅 */
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 690px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     okwave 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%;
}

/* =======================================================
     link
======================================================= */
/* トップヘリンク */
.topLink a {
    background: transparent url("/richell/usr/file/attachment/arrow_top_new.png") no-repeat scroll 

left center; /* 背景 */
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
}
/* 戻る */
.preLink {
    background: transparent url("/richell/usr/file/attachment/arrow_back_new.png") no-repeat scroll 

2px 100%; /* 背景 */
    text-align: left; /* テキスト配置 */
    margin-right: 15px; /* 周囲余白 */
}

/* =======================================================
     icon
======================================================= */
/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoHot,
.icoFaq,
.icoFavorite,
.icoPickup,
.icoCommunity,
.icoProf,
.icoKey,
.icoLogin {
    background: none; /* 背景リピート */
    display: inline-block; /* 表示要素 */
    height: 25px; /* 高さ */
    line-height: 25px;
    padding: 0 10px 0 6px; /* 余白 */
    border-bottom: 2px solid #339599;
    min-width: 37%;
    letter-spacing: 0.05em;
}
/* ------------------------------
     faq detail page
------------------------------ */
/* おすすめのFAQ */
.icoInfoNews {
    border-left: 4px solid #339599;
    border-bottom: none;
}

/* 質問 */
.icoQ {
    background: transparent url("/richell/usr/file/attachment/ico_q_new.png") no-repeat scroll left 

top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}
/* 回答 */
.icoA {
    background: transparent url("/richell/usr/file/attachment/ico_a_new.png") no-repeat scroll 

left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}
/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml{
    background: transparent url("/richell/usr/file/attachment/ico_q_s_new.png") no-repeat scroll 

3px 40%; /* 背景 */
    padding: 0 0 0 28px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url("/richell/usr/file/attachment/ico_a_s_new.png") no-repeat scroll 

3px 10%; /* 背景 */
    padding: 0 0 0 28px; /* 余白 */
}
/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    background: #FFF;
    line-height: 22px;
    margin-bottom: 15px;
}

/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 40px; /* 周囲余白 */
    z-index: 1!important;
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 48.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: none; /* 背景 */
    height: 24px; /* 高さ */
    padding: 0 0 1px; /* 余白 */
    margin-bottom: 15px;
    border-bottom: 2px solid #DEE1E2;
}
/* パーツタイトル */
.ttl_bg {
    background: none; /* 背景 */
    height: 24px; /* 高さ */
    padding: 0; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 100%; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     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%;
}

/* ------------------------------
     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;
}
/* ボタン */
.keyword_frmbtn {
    background: transparent url("/richell/usr/file/attachment/35hFe9yJMljiijue.png") no-repeat scroll left 

top; /* 背景 */
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 100%; /* 文字サイズ */
    margin-top: -2px;
}
/* 自然文ボタン */
.n_keyword_frmbtn{
    background: url("/richell/usr/file/attachment/35hFe9yJMljiijue.png") no-repeat scroll left top 

transparent;
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
    .keyword_frmbtn:hover, .n_keyword_frmbtn:hover {
        background: url("/template/usr/file/attachment/bg_btn_h.png") no-repeat scroll left top 

transparent;
        color: #339599;
    }
/* 検索切り替え */
.search_switch{
    font-size:0.9em; /* 文字サイズ */
}

/* ------------------------------
     qa list
------------------------------ */
/* 1 行 */
.qaList li.Q_sml {
    background: transparent url("/richell/usr/file/attachment/arrow_new.png") no-repeat scroll 

left top 7px; /* 背景 */
    padding: 0 0 0 13px; /* 余白 */
}

/* ------------------------------
     new faq list
------------------------------ */
/* 1 行 */
.faqList li.Q_sml {
    background: transparent url("/richell/usr/file/attachment/arrow_new.png") no-repeat scroll 

left top 7px; /* 背景 */
    padding: 0 0 0 13px; /* 余白 */
}

/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    border-top: 1px solid #ddd;
    margin: 0 0 0 3px;
    padding: 15px 10px 0;
    width: 210px;
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: none; /* 罫線 */
}

/* ------------------------------
     category list
------------------------------ */
/* 小カテゴリ */
.cate_small{
    font-size: 90%;
}

/* ------------------------------
     category tree
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.oneCol.okw_parts_category_tree {
    background: url("/richell/usr/file/attachment/wdzoxAVX6IpZ416e.png") no-repeat scroll 0 bottom;
}
.oneCol.okw_parts_category_tree a {
    text-decoration: none;
}
.oneCol.okw_parts_category_tree a:hover {
    color: #116BB7;
}

.category_tree .ttl_bg{
    background:  none;
    border: none;
    color: #58676b;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    margin: 0;
    padding: 3px 3px 1px;
    text-indent: 5px;
    width: 230px;
}

.category_tree {
    background: url("/richell/usr/file/attachment/BlPehbfqrOzqJdZR.png") no-repeat scroll 0 top;
    border: none;
    font-size: 100%;
    margin: 0 0 40px;
    padding-bottom: 3px;
    width: 100%;
    word-break: break-all;
}
    .icocate_tree{
        background: url("/richell/usr/file/attachment/eqMJVWkhfWPFDScz.png") no-repeat scroll 3px 

center;
        display: inline-block; /* 表示要素 */
        height: 32px; /* 高さ */
        padding: 2px 0 0 35px; /* 余白 */
        letter-spacing: 0.05em;
        line-height: 32px;
    }

/* TOPカテゴリータイトル*/
.category_tree .ttl_col {
    background: url("/richell/usr/file/attachment/GoTVAnaTW1k62Qn9.png") no-repeat scroll 3px 3px;
    border-bottom: none;
    height: 35px;
    padding: 0;
    width: 230px;
    margin-bottom: 1px;
}
.category_open a:hover.pm_icon {background:url

("/richell/usr/file/attachment/open_hover_new.png") no-repeat 0 0; }
.category_close a:hover.pm_icon{background:url("/richell/usr/file/attachment/close_hover_new.png") 

no-repeat 0 0; }
.fo_b{ font-weight:bold;}

/* カテゴリー名領域 */
.cate_pull_inert_bg{padding: 7px 0;}

/* カテゴリー+-アイコン調整 */
.category_open .pm_icon{ background:url("/richell/usr/file/attachment/open_new.png") no-

repeat 0 0; }
.category_close .pm_icon{ background:url("/richell/usr/file/attachment/close_new.png") no-

repeat 0 0; }

/* カテゴリーアイコン無し調整 */
.category_none{ background:url("/richell/usr/file/attachment/arrow_new.png") no-repeat 

11px center; padding-left:28px}

/* 選択中のカテゴリ */
.category_select{ background-color: transparent;}
.category_select a, .category_select a span{ color: #339599; font-weight: normal; }
/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("/richell/usr/file/attachment/arrow_new.png") no-repeat scroll 11px center 

#f5fafa;
}

/* カテゴリ名文字 */
.category_level_0{ margin: 0 0 0 3px; width: 230px; background: transparent; padding-left:0;}
.category_level_0 li{ border-top: 1px solid #ddd;}

.category_level_1{ background: transparent; margin-left:20px; clear:both; padding-left:0;}
.category_level_1 li{ border-top: 1px dotted #ddd;}

.category_level_2{background: transparent; margin-left:20px; clear:both; padding-left:0;}
.category_level_2 li{ border-top: 1px dotted #ddd;}

.category_level_3{background: transparent; margin-left:20px; clear:both; padding-left:0;}
.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: 170%; /* 文字サイズ */
    font-weight: normal; /* 文字太さ */
    color: #444; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 24px; /* 周囲余白 */
}
/* カテゴリ */
.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: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
    display: none;
}
/* 領域 */
.faq_ans_col {
    border-bottom: none; /* 罫線 */
    background: url("/richell/usr/file/attachment/ico_a_new.png") no-repeat scroll 25px top 

transparent;
}

/* 添付ファイル項目名 */
/* 横並び設定 */
.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_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("/richell/usr/file/attachment/35hFe9yJMljiijue.png") no-repeat scroll left 

top; /* 背景 */
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    display: block;
}
/* 送信ボタン ホバー */
.questioner_btn:hover {
    background: transparent url("/richell/usr/file/attachment/vMnvI5eG7gdxyxsZ.png") no-repeat scroll 

left top;
    color: #339599; /* テキスト色 */
}
/* 送信ボタン 非活性時 */
.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 {
    background: transparent url("/richell/usr/file/attachment/arrow_new.png") no-repeat scroll 

left top 7px;
    padding: 0 0 0 13px;
    margin-bottom: 5px;
}

/* =======================================================
     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: #F7F7F7; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #FFF; /* 背景色 */
    padding: 10px; /* 余白 */
}

/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    font-family: inherit; /* 文字フォント */
}
/* ページング領域（下） */
.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{
    padding: 0;
    border-bottom: 1px dotted #ddd;
    height: auto;
}
/* タイトル領域 */
.infonews_ttl {
    background-color: #FFF; /* 背景色 */
    font-size: 100%; /* 文字サイズ */
    padding-left: 0px; /* 余白 */
    height: auto;
}
/* タイトル */
.infonews_ttl_bor {
    background-image: none;
    display: inline-block;
    font-size: 132%;
    font-weight: normal;
    height: auto;
    padding: 10px;
}

/* =======================================================
     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: hidden;
    width: 580px;
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* 入力用のフォント */
textarea,input {
    font-family: inherit; /* フォント */
}

/* ===========================================================
　　　helpdesk error
============================================================== */
.preLink {
    font-size: 88%;
}

/* ===========================================================
　　　template
============================================================== */
/* template */

.sort_asc_image_on {
    background-image: url("/richell/usr/file/attachment/arrow_up_new.png");
}
.sort_asc_image_off {
    background-image: url("/richell/usr/file/attachment/arrow_up_off_new.png");
}
.sort_asc_image_off:hover {
    background-image: url("/richell/usr/file/attachment/arrow_up_new.png");
}
.sort_desc_image_on {
    background-image: url("/richell/usr/file/attachment/arrow_down_new.png");
}
.sort_desc_image_off {
    background-image: url("/richell/usr/file/attachment/arrow_down_off_new.png");
}
.sort_desc_image_off:hover {
    background-image: url("/richell/usr/file/attachment/arrow_down_new.png");
}

.header {
    width: 960px;
    margin: 24px auto 15px;
}
.footer {
  text-align: center;
  font-size: 10px;
  color: #999;
  margin: 0 0 10px;
}
#okw_side .okw_parts_login {
    background: url("/richell/usr/file/attachment/wdzoxAVX6IpZ416e.png") no-repeat scroll 0 bottom;
    padding-bottom: 4px;
}
#okw_side .okw_parts_login .ttl_col {
    background: url("/richell/usr/file/attachment/BlPehbfqrOzqJdZR.png") no-repeat scroll left top;
    border-bottom: none;
    height: 35px;
    padding: 0;
    width: 100%;
    margin-bottom: 1px;
}
#okw_side .okw_parts_login .ttl_bg {
    background: url("/richell/usr/file/attachment/GoTVAnaTW1k62Qn9.png") no-repeat scroll 3px 3px;
    border: none;
    color: #58676b;
    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("/richell/usr/file/attachment/dZ65RnmUCnwIHFD1.png") no-repeat scroll 3px center;
    display: inline-block; /* 表示要素 */
    height: 32px; /* 高さ */
    padding: 2px 0 0 35px; /* 余白 */
    letter-spacing: 0.05em;
    line-height: 32px;
}

.search_attachment_icon {
    background: url("/richell/usr/file/attachment/JIAb7vZVJ4mddulY.png") no-repeat scroll left center;
}
.qaList li {
    background: transparent url("/richell/usr/file/attachment/arrow_new.png") no-repeat scroll 

left top 7px;
    padding: 0 0 0 13px;
}
/* =======================================================
     サイバースクエア追加部分
======================================================= */
#common_footer {
  background: #DDDDDD;
}
#common_footer .wrap {
  margin: 0 auto 0 auto;
  width: 1080px;
  background: #F1F1F1;
}
#common_footer #f_banner {
  background: #fff;
}
#common_footer #f_banner ul {
  width: 1050px;
  margin: 0 auto;
  padding: 18px 0;
}
#common_footer #f_banner li {
  float: left;
  margin-right: 15px;
}
#common_footer #f_banner li:last-child {
  margin: 0;
  float: right;
}
#common_footer .left {
  margin: 20px 20px 10px 20px;
  width: 330px;
}
#common_footer .right {
  width: 262px;
  margin: 20px 0 10px 0;
}
#common_footer .left h3, #common_footer .right h3 {
  font-size: 1.1em;
  font-weight: normal;
}
#common_footer .left ul, #common_footer .right ul {
  padding: 5px 0 16px 10px;
}
#common_footer .left li, #common_footer .right li {
  font-size: 0.8em;
  margin-bottom: 5px;
}
#common_footer li a[target="_blank"] {
  padding-right: 18px;
  background: url(https://www.richell.co.jp/images/catalog/link_icon.png) no-repeat right 4px;
}
#okw_contents_base{
/*  padding-top:90px;*/
  padding-top:30px;
}
#f_info #kenkousengen{
  width:330px !important;
}


li.okw_txt {
    font-size: 8px;
    font-weight: bold;
}


/* =======================================================
     埋め込み動画レスポンシブ
======================================================= */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* ---------- add_sta 2022.05.22 ------------------------ */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Sawarabi+Mincho&family=Ubuntu:wght@400;500&display=swap');
body {
  font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic' , 'Helvetica Neue' , 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', -apple-system, BlinkMacSystemFont, sans-serif!important;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  color: #000;
}
html{
  overflow-x: hidden;
  font-size:15px;
}
h1{
  font-size:2rem;
}
h2{
  font-size:1.8rem;
}
h3{
  font-size:1.5rem;
}
h4{
  font-size:1.2rem;
}
h5{
  font-size:1.1rem;
}
p{
  font-size:1rem;
  line-height: 1.6;
}
img{
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}
a {
  color: #000000;
  transition: 0.3s;
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
/*  color: #000000;*/
  text-decoration: none;
  color: inherit!important;
}
a.text-white:hover {
  color: #FFFFFF;
}
a.linktext, p.linktext a, p.linktext a:hover {
  color: #2271b1;
}
.font-weight-medium {
  font-weight: 500;
}

.notosans {
  font-family: 'Noto Sans JP', sans-serif;
}
.ubuntu {
  font-family: 'Ubuntu', sans-serif;
}
.sawarabi {
  font-family: 'Sawarabi Mincho', sans-serif;
}
.text-gray {
  color: #000333;
}
.bg-lightgray {
  background-color: #F9F9F9;
}
.bg-yg {
  background-color: #339599;
}



img.fit {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
html, body {
  scroll-padding-top: 120px;
}
/* ヘッダー */
nav h1, .navbar-brand {
  font-size: 0;
  margin-bottom: 0;
  display: block;
}
.navbar-nav {
  align-items: center;
}
.navbar-nav li.menu-item a {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0;
  margin: 0 13px;
  z-index: 100;
  display: block;
}
.navbar-nav li.menu-item:last-child a {
  margin-right: 26px;
}
header {
  z-index: 500;
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: #FFFFFF;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .03);
}
.global-navi {
  z-index: 500;
}
.global-navi.nav-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 10px 10px rgb(0, 0, 0, .03);
}
.logo-wrap {
  padding: 19.2px;
  position: relative;
  z-index: 100;
}
.logo-wrap img {
  width: 137px;
}
.header-nav {
  display: flex;
}
.header-nav-right {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
}
.header-nav-right li {
  font-size: 12px;
}
.header-nav-right li a, .header-nav-right li form {
  display: block;
  border-left: 1px solid #E6E6E5;
}
.header-nav-right li form {
  padding-left: 20px;
}
.header-nav-right li a {
  padding: 9px 33px 9px 38px;
}
.header-nav-right li select {
  padding: 9px 18px;
  background-color: #fff;
  border: none;
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
  cursor: pointer;
  outline: none!important;
}
.header-nav-right li select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}
.header-nav-right li:nth-child(2) {
  position: relative;
}
.header-nav-right li:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 14px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #339599;
  border-bottom: 1px solid #339599;
  transform: rotate(45deg);
  pointer-events: none;
}
.pc-top-nav {
  background-color: #F9F9F9;
}
.pc-top-nav ul {
  list-style: none;
  padding: 16px 0;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 100;
}
.pc-top-nav ul li {
  font-size: 12px;
  padding-right: 18px;
}
.new-tab a {
  position: relative;
  padding-right: 15px;
}
.new-tab a:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  width: 9px;
  height: 9px;
  background: url(/richell/usr/file/attachment/icon-blank.svg) no-repeat center center/contain;
}
.hnr-recruit, .hnr-lang {
  position: relative;
}
.hnr-recruit::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 16px;
  width: 14px;
  height: 17.2px;
  background: url(/richell/usr/file/attachment/icon-recruit.svg) no-repeat center center/contain;
}
.hnr-recruit::after {
  content: '';
  position: absolute;
  top: 13px;
  right: 15px;
  width: 9px;
  height: 9px;
  background: url(/richell/usr/file/attachment/icon-blank.svg) no-repeat center center/contain;
}

.hnr-lang::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 16px;
  width: 15px;
  height: 15px;
  background: url(/richell/usr/file/attachment/icon-language.svg) no-repeat center center/contain;

}
/* //ヘッダー */

/* フッター */
#menu-menu-company-green {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
}
#menu-menu-company-green li a {
  display: block;
  padding: 15px;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
}
footer {
  background-color: #EEEEEE;
}
.footer-menu-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.footer-menu-wrap ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.footer-menu-wrap ul li {
  display: block;
  width: 100%;
}
.footer-contwrap {
  padding: 60px 0;
}
.footer-ad {
  font-size: 14px;
  padding-top: 15px;
}
.footer-nav {
  list-style: none;
  display: flex;
  justify-content: center;
  text-align: center;
}
.footer-menu-wrap > ul > li > a {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 17px;
  display: block;
  color: inherit;
}
.footer-menu-wrap > ul > li .sub-menu a {
  font-size: 12px; 
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  color: inherit;
}
.footer-menu-wrap > ul > li .sub-menu a span {
  position: relative;
  display: inline-block;
}
li.footer-new-tab a span::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -14px;
  width: 9px;
  height: 10px;
  background: url(/richell/usr/file/attachment/icon-blank.svg) no-repeat center center/contain;
}
.footer-copy {
  font-size: 12px;
}
.footer-logo-wrap {
  padding: 55px 0;
}
.footer-logo {
  width: 137px;
}
.footer-copy-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 35px 0;
}
.footer-btms {
  display: flex;
  justify-content: space-between;
}
.footer-btms a {
  font-size: 12px;
  color: inherit;
}
.footer-snsicon-wrap {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 30px;
}
.footer-snsicon-wrap > div:not(:last-child) {
  margin-right: 75px;
}
.footer-snsicon-wrap a:hover {
  opacity: 1;
}
.footer-snsicon-wrap .ubuntu {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.footer-snsicon-wrap ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: center;
}
.footer-snsicon-wrap ul li:not(:last-child) {
  padding-right: 20px;
}
.footer-insta, .footer-twitter, .footer-fb, .footer-youtube {
  width: 42px;
}
.footer-x {
  width: 36px;
}
.pagetop-wrap {
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.pagetop-wrap.fadein {
  opacity: 1;
  pointer-events: auto;
}
.pagetop-wrap a {
  position: fixed;
  right: 25px;
  bottom: 25px;
  height: 45px;
  width: 45px;
  z-index: 500;
  border: 2px solid #fff;
  background: #339599;
  padding-top: 10px;
  border-radius: 50%;
}
.pagetop-wrap a::before {
  content: '';
  width: 14px;
  height: 14px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagetop-wrap a::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 50%;
  transform:translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 1px;
  height: 19px;
  background-color: #fff;
}
.pagetop-wrap a:hover {
  opacity: .7;
}


/* 共通 */
.accordionBtn::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 12px;
  width: 13px;
  height: 1px;
  background-color: #339599;
}
.accordionBtn::after {
  content: '';
  position: absolute;
  top: 22px;
  right: 18px;
  width: 1px;
  height: 13px;
  background-color: #339599;
}
.accordionBtn.chlidnav-close::after {
  display: none;
}
.ul{
  padding-left: 0!important;
}

/* //共通 */



@media all and (min-width: 992px) {
  /* ヘッダー */
  .header-nav {
    padding-right: 15px;
  }
  .navbar-nav > li.menu-item > a {
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
  }
  .navbar-nav > li.menu-item:hover > a::before,
  .navbar-nav > li.current-page-ancestor > a::before,
  .navbar-nav > li.menu-item.current-menu-item > a::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 2px;
    background: #339599;
  }
  .burger-btn {
    display: none;
  }

  .menu-parent .sub-menu-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .03) inset;
  }
  .menu-parent:hover .sub-menu-wrap {
    pointer-events: auto;
    opacity: 1;
  }
  .menu-parent .sub-menu {
    overflow: hidden;
    padding: 40px 0;
    margin: auto;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    display: flex!important;
    flex-wrap: wrap;
    width: 690px;
  }
  .header-menu-catalog.menu-parent .sub-menu {
    justify-content: center;
  }
  .menu-parent .sub-menu li {
    height: 35px;
    width: 33.3%;
    pointer-events: none;
  }
  .menu-parent::after {
    content: '';
    position: fixed;
    top: 120px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    pointer-events: none;
    transition: .5s;
    z-index: -1;
    opacity: 0;
  }
  .menu-parent:hover::after {
    opacity: .24;
  }
  .menu-parent:hover .sub-menu li {
    pointer-events: auto;
  }
  .menu-parent .sub-menu li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-weight: 500;
    position: relative;
  }
  .menu-parent .sub-menu li a::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
    transform: rotate(45deg);
  }
  .accordionBtn {
    display: none;
  }
  /* //ヘッダー */
  /* フッター */
  .footer-menu-wrap ul {
    display: block!important;
  }
  /* //フッター */

}

/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {

}

/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}

/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

/*デスクトップまで*/

@media all and (max-width: 1199px) {  
 
  
}


@media all and (max-width: 991px) {
  html{
    font-size:15px;
  }
  main {
    margin-top: 55px;
  }
  html, body {
    scroll-padding-top: 55px;
  }
  /* ヘッダー */
  header {
    position: fixed;
  }
  .logo-wrap {
    padding: 14px;
    height: 55px;
  }
  .logo-wrap img {
    width: 111px;
  }
  .pc-top-nav {
    display: none;
  }
  .navbar-nav {
    display: block!important;
    padding: 50px 15px 0!important;
  }
  .navbar-nav > li.menu-item {
    border-top: 1px solid #DCDCDC;
    position: relative;
  }
  .navbar-nav > li.menu-item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  .navbar-nav > li.menu-item > a {
    padding: 17px 27px 16px 0;
    display: block;
    margin: 0;
    font-size: 15px;
  }
  .navbar-nav > li:not(.menu-parent).menu-item > a {
    position: relative;
  }
  .footer-menu-wrap > ul > li:not(.menu-item-has-children).menu-item > a::after,
  .navbar-nav > li:not(.menu-parent).menu-item > a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    right: 16px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
  }
  .navbar-nav li.menu-item a .navsubttl {
    font-size: 16px;
    letter-spacing: 0.03em;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #fff;
  }
  .burger-btn {
    display: block;      
    width: 25px;      
    height: 16px;      
    position: relative;
    right: 18px;  
    z-index: 9999;
    border:none;    
  }
  .burger-btn:hover {
    cursor: pointer;
  }
  .bar {      
    width: 25px;      
    height: 1px;        
    display: block;      
    position: absolute;      
    left: 50%;      
    transform: translateX(-50%);
    margin-top: -0.5px;  
    background-color: #000;   
    transition: .2s; 
  }    
  .bar_top {   
    top: 0;
  }
  .bar_mid {    
    top: 50%;
    margin-top: -1px;
    /*transform: translate(-50%,-50%);*/
  }
  .bar_bottom {
    bottom: 0;
  }
  .burger-btn.nav-close .bar_top {      
    transform: translate(-50%,8px) rotate(45deg);      
  }    
  .burger-btn.nav-close .bar_mid {      
    opacity: 0;       
    transition: opacity .3s;    
  }    
  .burger-btn.nav-close .bar_bottom {      
    transform: translate(-50%,-8px) rotate(-45deg);      
    transition: transform .3s;    
  }
  .nav-wrapper {      
    transform: translateX(100%);
    transition: .3s;
    width: 60%;
    min-width: 280px;
    height: 100%;      
    position: fixed;      
    top: 0;      
    right: 0;       
    z-index: 800;     
  }     
  .nav-wrapper.slide-in{      
    transform: translateX(0);
    transition: .3s;     
  }
  .header-nav {        
    width: 100%;        
    height: 100%;        
    background-color: #fff;  
    z-index: 200;
    display: block; 
    overflow-y: auto;
  }     
  .header-nav.navbar-nav{        
    display: block;        
    position: absolute;        
    top: 50%;        
    left: 50%;        
    transform: translate(-50%,-50%);        
    text-align: center;      
  }      
  .header-nav.menu-item{        
    margin-right: 0;        
    margin-bottom: 40px;      
  }
  .accordionBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 33px;
    height: 55.5px;
    cursor: pointer;
  }
  .sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .sub-menu.active {
    display: block;
  }  
  .navbar-nav li .sub-menu li a {
    font-size: 13px;
    padding: 4px 1rem;
    font-weight: 400;
    display: block;
  }
  .navbar-nav li .sub-menu li:last-child a {
    padding-bottom: 20px;
  }
  .navbar-nav li.current-page-ancestor > a,
  .footer-menu-wrap li.current-page-ancestor > a,
  li.menu-item.current-menu-item > a {
    color: #339599;
    font-weight: 700;
  }
  .header-nav-right {
    justify-content: center;
  }
  .header-nav-right li {
    width: 175px;
    text-align: center;
    max-width: 50%;
  }
  .header-nav-right li a {
    border-left: none;
  }
  .hnr-recruit::before {
    left: 40px;
  }
  .hnr-recruit::after {
    right: 40px;
  }
  .hnr-lang::before {
    left: 39px;
  }
  .header-nav-right li:nth-child(2)::after {
    right: 26px
  }
  .header-plastic-banner {
    padding: 30px 15px;
    text-align: center;
  }
  .sp-nav-under ul {
    list-style: none;
    padding: 25px 15px 0!important;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .sp-nav-under ul li {
    width: 50%;
  }
  .sp-nav-under ul li a {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding: 15px 15px 15px 20px;
    position: relative;
  }
  .sp-nav-under ul li:not(.new-tab) a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #339599;
    border-right: 1px solid #339599;
  }
  .sp-nav-under ul li.new-tab a::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    width: 9px;
    height: 9px;
    background: url(/richell/usr/file/attachment/icon-blank-green.svg) no-repeat center center/contain;
  }
  .sp-nav-under ul li.new-tab a::after {
    display: none;
  }
  .noscroll {
    overflow-y: hidden;
  }
  /* //ヘッダー */

  /* フッター */
  .footer-logo-wrap {
    padding: 35px 0;
  }
  #menu-menu-company-green li a {
    padding: 15px 10px;
    font-size: 14px;
  }
  .footer-menu-wrap {
    display: block;
    padding-top: 0;
    padding-bottom: 45px;
  }
  .footer-menu-wrap > ul > li {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
  }
  .footer-menu-wrap > ul > li > a {
    padding: 17px 20px 16px 0;
    display: block;
    font-weight: 700;
  }
  .footer-menu-wrap > ul > li .sub-menu a {
    font-size: 13px;
    padding: 5px 1rem;
    display: block;
  }
  .footer-menu-wrap > ul > li .sub-menu li:first-child a {
    padding-top: 0;
  }
  .footer-menu-wrap > ul > li .sub-menu li:last-child a {
    padding-bottom: 12px;
  }
  .footer-contwrap {
    padding: 30px 0;
  }
  .footer-copy-wrap {
    border-top: none;
  }
  .footer-menu-wrap .menu-item-home {
    display: none;
  }
  .footer-menu-wrap > ul > li > a, .footer-menu-wrap > ul > li .sub-menu a {
    margin-bottom: 0;
  }
  .footer-snsicon-wrap {
    padding-bottom: 0;
  }
  /* //フッター */

}

/*中デバイスまで*/
@media all and (max-width: 767px) {
  /* ヘッダー */
  .nav-wrapper {
    width: 100%;
  }
  /* //ヘッダー */
 
  /* フッター */
  .footer-logo-wrap {
    text-align: center;
  }
  #menu-menu-company-green {
    flex-wrap: wrap;
    padding: 8px 0;
    justify-content: flex-start;
  }
  #menu-menu-company-green li {
    width: 50%;
  }
  #menu-menu-company-green li a {
    padding: 10px 0;
  }
  .footer-snsicon-wrap {
    display: block;
    text-align: center;
  }
  .footer-snsicon-wrap > div:not(:last-child) {
    margin-right: auto;
    margin-bottom: 25px;
  }
  .footer-snsicon-wrap > div {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .footer-snsicon-wrap ul {
    justify-content: center;
  }
  .footer-btms {
    display: block;
    text-align: center;
  }
  .pagetop-wrap a {
    right: 10px;
    bottom: 10px;
  }
  /* //フッター */
}

/*小デバイス(横向きモバイル)まで*/

@media all and (max-width: 575px) {
  html{
    font-size:14px;
  }
  /* ヘッダー */

  /* //ヘッダー */

  /* フッター */
  .footer-nav {
    display: block;
  }
  /* //フッター */

}

@media all and (max-width: 480px) {
  .navbar-nav > li.menu-item > a, .footer-menu-wrap > ul > li > a {
    padding: 10px 15px 9px;
  }
  .accordionBtn {
    height: 42.5px;
  }
  .accordionBtn::before {
    top: 22px;
  }
  .accordionBtn::after {
    top: 16px;
  }
  .sp-nav-under ul li a {
    padding: 10px 0px 10px 14px;
  }
}
@media all and (max-width: 400px) {
 
}

@media all and (max-width: 380px) {
  /* ヘッダー */
  .hnr-recruit::before {
    left: 36px;
  }
  .hnr-recruit::after {
    right: 36px;
  }
  /* //ヘッダー */
}
@media all and (max-width: 360px) {

}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}

/* ---------- add_end 2022.05.22 ------------------------ */
ul{
  padding-left: 0!important;
}
.category_close .pm_icon {
    background: url(/richell/usr/file/attachment/cate_off_new.png) no-repeat 0px 0px;
}
.category_open .pm_icon {
    background: url(/richell/usr/file/attachment/cate_on_new.png) no-repeat 0px 0px;
}
.category_open a:hover.pm_icon {
    background: url(/richell/usr/file/attachment/cate_on_on_new.png) no-repeat 0px 0px;
}
.new_ico {
    background: url(/richell/usr/file/attachment/new_ico_ja_new.png) left top no-repeat;
}
/*
.icoK_sml {
    background: transparent url(/richell/usr/file/attachment/ico_klg_s_new.png) no-repeat scroll 0% 40%;
}
.icoKA_sml {
    background: transparent url(/richell/usr/file/attachment/ico_klg_sa_new.png) no-repeat scroll 0% 40%;
}
.faqList li.K_sml {
    background: transparent url(../images/front/ico_klg_s_new.png) no-repeat scroll left center;
}
*/
#faq_question_contents a, #faq_answer_contents a, #info_news_contents a {
    color: #333;
}
.questioner_ttl {
    border-bottom: 2px solid #339599;
}
#menu-item-127 > a{
    color: #339599!important;
    font-weight: 700;
}
#menu-item-3609 > a {
    color: #339599!important;
}