/*SMBC 旧カスタムスタイルシート --------------------------------------------------------------*/
body.lang_size_large {
  font-size: 110%;
}

.lang_size_large textarea {
  font-size: 110%;
}

body.lang_size_small,
.lang_size_small textarea {
  font-size: 90%;
}

a:link,
a:visited {
  color: #004731;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #ed6d34;
}


/* ------------------------------
   *     追記_smbc header
   *------------------------------ */

/* header */

#smbc {
  position: absolute;
  height: 36px;
  overflow: hidden;
  top: 17px;
  margin-left: 17px;
  width: 378px;
}

/* ------------------------------
   *     okwave headder
   *
   *------------------------------ */

#okw_contents {
  background: none;
}

#okw_contents_base {
  width: 935px;
  background: none;
  background-color: #fff;
}

#okw_contents_inner {
  background: none;
  background-color: transparent;
}


/*FOOTER */

#footer {
  clear: both;
  color: #333333;
  font-size: 71%;
  background-image: url(/usr/file/attachment/bg_footer.gif);
  background-color: #FFFFFF;
  margin: 0 auto;
  padding-top: 2px;
  line-height: 1em;
  width: 950px;
}

#footer p {
  margin-top: 0em;
  text-align: left;
  font-size: 1em;
}

#logo {
  text-align: right;
  padding-right: 14px;
  margin-top: -14px;
}

#logo img {
  margin-left: 10px;
}

address {
  font-style: normal;
  padding-bottom: 10px;
  margin: 20px -10px 0px 0px;
  text-align: right;
}

#okw_logo_footer a {
  background: transparent url("../images/front/logo_footer.gif") no-repeat scroll left top;
  width: 190px;
  height: 26px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
}

.topLink a {
  float: right;
  font-size: 12px;
  margin: 10px 0;
  background: transparent url("/usr/file/attachment/n_uptopagetop.gif") no-repeat scroll left top;
  width: 126px;
}

.preLink {
  background: transparent url("/usr/file/attachment/ico_back.gif") no-repeat scroll 2px 100%;
}


.icoKeyword,
.icoCate,
.icoResult,
.icoFaq {
  margin: 0 0 0 10px;
  background: none;
  padding: 0;
}

.icoQ {
  background: transparent url("/usr/file/attachment/ico_qst.gif") no-repeat scroll left top;
}

.icoA {
  background: transparent url("/usr/file/attachment/ico_ans.gif") no-repeat scroll left top;
}

.icoQ_sml {
  background: transparent url("/usr/file/attachment/ico_qst_s.gif") no-repeat scroll 0% 40%;
}

.icoA_sml {
  background: transparent url("/usr/file/attachment/ico_ans_s.gif") no-repeat scroll 0 5px;
}

.fntBig,
.fntMid,
.fntSml {
  height: 23px;
  margin-right: 0;
}

li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
  height: 23px;
  margin-right: 0;
}

.fntBig,
li.fntBigOn,
.fntMid,
li.fntMidOn,
.fntSml {
  width: 30px;
}

li.fntSmlOn {
  width: 30px;
}

li.fntBig {
  background-image: url("/usr/file/attachment/chgfnt_btnl_f.jpg");
}

li.fntMid {
  background-image: url("/usr/file/attachment/chgfnt_btnm_f.jpg");
}

li.fntSml {
  background-image: url("/usr/file/attachment/chgfnt_btns_f.jpg");
}

li.fntBig:hover,
li.fntBigOn {
  background-image: url("/usr/file/attachment/chgfnt_btnl_h.jpg");
  transition: all 0.2s;
}

li.fntMid:hover,
li.fntMidOn {
  background-image: url("/usr/file/attachment/chgfnt_btnm_h.jpg");
  transition: all 0.2s;
}

li.fntSml:hover,
li.fntSmlOn {
  background-image: url("/usr/file/attachment/chgfnt_btns_h.jpg");
  transition: all 0.2s;
}

.ttl_col {
  background: transparent url("") no-repeat scroll left top;
  height: 35px;
}

.ttl_bg {
  background: transparent url("") no-repeat scroll right top;
}

.ttl_col h2 {
  font-size: 16px;
  color: #003300;
}

.okw_parts_info_and_news .ttl_col {
  display: none;
}

.okw_parts_search {
  background: #f5f5f5;
}


/* 閲覧の多いFAQ */

.okw_parts_category,
.okw_parts_faq_relations {
  border: 1px #b9c1bd solid;
}

.search_frmArea {
  margin: 0 20px;
}

.keyword_frm {
  width: 53%;
  height: 33px;
  border-width: 1px;
  letter-spacing: 0;
  margin: 0 5px 0 0;
  padding-left: 30px;
  background: #ffffff url("/usr/file/attachment/icon_search.gif") no-repeat left center;
}

.keyword_frmbtn {
  background: transparent url("/usr/file/attachment/btn_search.gif") no-repeat scroll left top;
  width: 91px;
  height: 33px;
  color: #fff;
  font-weight: bold;
  border: 0;
  font-size: 14px;
}

.n_keyword_frmbtn {
  background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
  width: 72px;
  height: 30px;
  color: #fff;
  font-weight: bold;
  border: 0;
  font-size: 14px;
  float: right;
  margin: 5px 0 0 0;
  display: block;
}


/* 検索絞込み */

.new_item_title {
  text-overflow: ellipsis;
}

.faqList,
.faq_relate_list {
  margin: 20px 15px 10px;
  padding: 10px 0;
}

.faqList li,
.faq_relate_list li {
  background: none;
  margin: 0;
  padding: 0;
}

.faqList li a,
.faq_relate_list li a {
  background: transparent url("/usr/file/attachment/icon_triangle.gif") no-repeat scroll left top;
  background-position: 0 6px;
  padding: 0 0 0 22px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;
  display: block;
}

.faqList li a:hover,
.faq_relate_list li a:hover {
  background: none;
  background-position: 0 6px;
}


/* ------------------------------
   *     faq_relate_list
   *------------------------------ */

* html .cateList {
  height: 100%;
}

.cate_middle a {
  text-decoration: none;
}

.cate_small li {
  display: block;
}


.cateSepa {
  display: none;
}

.faq_qstCont_ttl {
  color: #003300;
}

.faq_ans_bor {
  border-bottom: 3px #003300 solid;
  /* 下線 */
}

.faq_ans_ttl {
  color: #003300;
}

.faq_ans_col {
  padding: 0 20px 20px 65px;
}

.okw_enquete_area {
  background: #f7fcda;
  border: 1px #003300 solid;
}

.questioner_ttl {
  color: #003300;
  /* テキスト */
  border-bottom: none;
}

.faq_form_list {
  width: 70%;
  margin-bottom: 20px;
}


/* 検索結果　キーワード順 */

#faq_answer_contents a {
  color: #030;
}

#faq_answer_contents ul li {
  list-style: none !important;
}


/**--------------------FAQ回答部分----------------------* */

#faq_answer_contents ul,
#faq_answer_contents ol {
  line-height: 125%;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: small;
}

#faq_answer_contents dl {
  line-height: 125%;
  margin: 0px;
  padding: 0px;
  font-size: small;
}

#faq_answer_contents dt {
  float: left !important;
  font-size: small;
}

#faq_answer_contents th {
  font-size: small;
}

#faq_answer_contents li {
  padding: 0px 0px 3px 0px;
}

#faq_answer_contents p {
  margin: 0px;
  padding: 0px;
}

#faq_answer_contents img {
  background-color: transparent;
}

#faq_answer_contents a img {
  background-color: transparent;
  border: none;
  text-decoration: none;
}

#faq_answer_contents dl.dl_floatNoneB dd {
  margin: 0px 0px 15px 0px;
  line-height: 140%;
}

#faq_answer_contents dl.dl_floatNoneB dt {
  float: none !important;
  font-weight: bold;
}


#faq_answer_contents ul.unordered04 {
  list-style-type: none;
  padding: 0px 0px 2px 20px;
  text-indent: -22px;
}

#faq_answer_contents p.paragraph {
  line-height: 130%;
  margin: 0px;
  padding: 3px 0px 3px 0px;
  font-size: small;
}

#faq_answer_contents p.paragraphbold {
  line-height: 130%;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  font-size: small;
  font-weight: bold;
}

#faq_answer_contents ol.ordered05 {
  voice-family: inherit;
  padding: 0px 0px 2px 27px !important;
}

#faq_answer_contents ol.ordered05 li.number01 {
  list-style-image: url(/usr/file/attachment/icon_ordered05_01.gif);
}

#faq_answer_contents ol.ordered05 li.number02 {
  list-style-image: url(/usr/file/attachment/icon_ordered05_02.gif);
}

#faq_answer_contents ol.ordered05 li.number03 {
  list-style-image: url(/usr/file/attachment/icon_ordered05_03.gif);
}

#faq_answer_contents ol.ordered05 li.number04 {
  list-style-image: url(/usr/file/attachment/icon_ordered05_04.gif);
}

#faq_answer_contents ol.ordered05 li.number05 {
  list-style-image: url(/usr/file/attachment/icon_ordered05_05.gif);
}

#faq_answer_contents div.button {
  font-size: small;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

#faq_answer_contents div.button img {
  vertical-align: middle;
}

#faq_answer_contents .faqnoind {
  margin: 0;
  color: #060;
  text-indent: 0;
  margin-bottom: 1em;
  font-size: small;
}

#faq_answer_contents h1.faq {
  font-size: 1em;
}

#faq_answer_contents h2.faq {
  font-size: 1em;
  color: #F00;
  margin-bottom: 1em;
}

#faq_answer_contents h3.faq {
  font-size: small;
  color: #060;
  margin-bottom: 1em;
}

#faq_answer_contents ul.faq {
  padding: 0;
}

#faq_answer_contents ul.faq li {
  list-style-type: none;
  padding: 0 0 10px 24px;
  text-indent: -24px;
}

#faq_answer_contents ul.faq p.faq {
  text-indent: 0;
  padding: 0px 0px 10px 0px;
}

#faq_answer_contents p.faq {
  padding-top: 5px;
  font-size: small;
  line-height: 130%;
}

#faq_answer_contents img.icon {
  margin: 0px 3px 0px 0px;
}

#faq_answer_contents dl.definition01 dd {
  margin: 0px 0px 5px 38px;
}

#faq_answer_contents dl.definition01 dt {
  float: left !important;
}

#faq_answer_contents td {
  margin-right: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}

#faq_answer_contents dl.faq dt {
  float: left;
  clear: left;
  padding-left: 15px;
}

#faq_answer_contents dl.faq dd {
  margin: 0px 0px 5px 38px;
}

#faq_answer_contents img.icon {
  background-color: transparent;
  vertical-align: baseline;
}

#faq_answer_contents div.campaign {
  text-align: center;
  background-color: #FFCCCC;
  margin: 0px 0px 10px 0px;
  padding: 5px 5px 0px 5px;
  width: 485px !important;
}

#faq_answer_contents th.normal {
  font-weight: normal;
  line-height: 150%;
}

#faq_answer_contents span.sp_caution {
  display: block;
  margin: 0px 0px 0px 60px;
}

#faq_answer_contents table.table11 {
  border-collapse: collapse;
  border-spacing: 0px;
}

#faq_answer_contents table.table11 th {
  padding: 5px;
  background-color: #ccc;
  border: 1px solid #ccc;
}

#faq_answer_contents table.table11 tr.color01 th {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #004832;
}

#faq_answer_contents table.table11 td {
  padding: 5px;
  border: 1px solid #ccc;
}

#faq_answer_contents h2.small,
#faq_answer_contents h3.small {
  font-size: small;
  font-weight: bold;
  margin: 0;
  padding-bottom: 15px;
}

#faq_answer_contents table.imgandtext td {
  vertical-align: middle;
}

#faq_answer_contents table.imgandtext img {
  margin-right: 15px;
}

#faq_answer_contents table.t_faq {
  border-left: solid 1px #B4B4B4;
  border-top: solid 1px #B4B4B4;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px 0px 10px 0px;
}

#faq_answer_contents table.t_faq th {
  background-color: #EEE;
  border-bottom: solid 1px #B4B4B4;
  border-right: solid 1px #B4B4B4;
  font-weight: normal;
  padding: 5px 5px 0px 5px;
  text-indent: 0;
  text-align: center;
}

#faq_answer_contents table.t_faq td {
  border-bottom: solid 1px #B4B4B4;
  border-right: solid 1px #B4B4B4;
  padding: 5px 5px 0px 5px;
  text-align: center;
  vertical-align: middle;
  text-indent: 0;
}

#faq_answer_contents table.t_hanrei01 {
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
}

#faq_answer_contents table.t_hanrei01 img.img_hanrei {
  margin: 0px 5px 0px 10px;
  vertical-align: middle;
}

#faq_answer_contents table.t_hanrei01 td {
  font-size: small;
}


/** newdesign 2016 */


/* btn */


[class^="glyph"]>span,
[class*=" glyph"]>span {
  display: inline-block;
  padding-left: 1.4em;
  position: relative;
}

a[class*="glyph"]>span {
  text-decoration: underline;
}

[class^="glyph"]>span::before,
[class^="glyph"]>span::after {
  left: 0;
  top: 0.3em;
}

[class*=" glyph"]>span::before,
[class*=" glyph"]>span::after {
  left: 0;
  top: 0.3em;
}

[class^="glyph"]>span::before,
[class^="icon"]>span::after,
[class*=" glyph"]>span::before,
[class*=" icon"]>span::after {
  color: #049849;
  display: block;
  font-family: "icon";
  font-weight: normal;
  line-height: 1;
  position: absolute;
}

[class^="glyph"]>span::before,
[class^="glyph"]>span::after {
  left: 0;
  top: 0.3em;
}

[class*=" glyph"]>span::before,
[class*=" glyph"]>span::after {
  left: 0;
  top: 0.3em;
}


/* header */

#header {
  min-width: 1008px;
  border-bottom: 3px solid #004831;
  display: block;
  overflow: hidden;
  color: #333;
  font: 14px/1.5 "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#header select,
#header input,
#header textarea {
  color: #333;
  font: 14px/1.5 "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}


/* footer */

#footer {
  width: 100%;
  min-width: 1008px;
  background: #004831 none repeat scroll 0 0;
  padding-bottom: 18px;
  display: block;
  font-size: 100%;
  padding-top: 0;
  overflow: hidden;
  font: 14px/1.5 "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#footer a {
  color: #333333;
  text-decoration: none;
}


/* contents */

#okw_contents {
  background-color: #F6F6F6;
  width: 100%;
  padding: 32px 0 0 0;
}

#okw_contents_base {
  background-color: #FFFFFF;
  width: 100%;
  padding: 0;
}

#okw_contents_inner {
  width: 1008px;
  margin: 0 auto;
  padding: 15px 0 0 0;
  position: relative;
}

.faqtopttl {
  margin: 0 0 35px;
  padding: 8px 0 0 0;
}

.faqtopttl h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  color: #004731;
}

.ttl_col {
  height: auto;
  padding: 15px 0 10px 20px;
}

.ttl_col h2 {
  font-size: 115%;
  color: #333333;
}

.ttl_bg {
  height: auto;
  padding: 0;
}


.icoKeyword,
.icoCate,
.icoResult,
.icoFaq {
  margin: 0;
}

.info {
  border: 1px solid #DDDDDD;
  padding: 13px 20px;
}

.info p {
  font-size: 0.9em;
}

.okw_parts_search {
  height: 145px;
  margin-bottom: 30px;
}

.okw_parts_search .ttl_col {
  float: left;
  margin-right: 15px;
  /*padding-bottom: 18px;*/
  padding-bottom: 8px;
}

#category_index .okw_parts_search .ttl_col {
  float: none;
  margin-right: 0;
}

.okw_parts_search .ttl_col h2 {
  color: #004731;
}

.okw_parts_search .search_frmArea {
  margin: 0 0 0 20px;
}


.keyword_frm {
  background: none #FFFFFF;
  width: 548px;
  height: 23px;
  line-height: 1.5;
  clear: both;
  border-top: 1px solid #ABADB3;
  border-left: 1px solid #E2E3EA;
  border-bottom: 1px solid #E2E3EA;
  border-right: 1px solid #DBDFE6;
  margin: 2px 13px 0 0;
  padding: 5px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.search_frmArea .keyword_frmbtn:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.search_suggest_area {
  clear: both;
}

.okw_parts_category {
  border: none;
  padding: 20px 0 0 0;
}


.okw_main_category .ttl_col {
  border-bottom: 2px solid #A0C81E;
  margin: 0 0 25px;
  padding: 0 0 15px;
}

.okw_parts_category .ttl_col h2,
.okw_main_category .ttl_col h2 {
  /* font-size: 130%; */
}

.cateList_box {
  width: auto;
  margin: 0 0 20px;
}

.cate_middle a {
  color: #333333;
}

.cate_small li {
  line-height: 1.4;
  margin: 0 0 10px;
  padding: 0;
}

.contact_ttl {
  border-bottom: 1px solid #cccccc;
  background-color: #F5F5F5;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
}

.contact_ttl p {
  font-size: 125%;
  color: #333333;
  text-align: left;
}

.contact_btn {
  width: 655px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

.contact_btn>div {
  background: url(/usr/file/attachment/btn_contact.png) no-repeat scroll 0 0;
  width: 300px;
  height: 70px;
}

.contact_btn>div.contact_btn01 {
  float: left;
}

.contact_btn>div.contact_btn02 {
  float: right;
}

.contact_btn>div:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.contact_btn>div a {
  width: 238px;
  height: 48px;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 1.35em;
  line-height: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 22px 17px 0 45px;
  text-decoration: none;
}

.contact_btn>div.contact_btn01 a {
  background: url(/usr/file/attachment/ico_contact01.png) no-repeat scroll 18px center;
  height: 58px;
  padding-top: 12px;
}

.contact_btn>div.contact_btn02 a {
  background: url(/usr/file/attachment/ico_contact02.png) no-repeat scroll 18px center;
}

.bottom_link {
  overflow: hidden;
  text-align: center;
  margin: 0 0 20px;
}

.bottom_linkbtn {
  background: url(/usr/file/attachment/btn_pagelink02.jpg) no-repeat scroll right center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.bottom_linkbtn:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.bottom_linkbtn a {
  background: url(/usr/file/attachment/btn_pagelink01.jpg) no-repeat scroll left center;
  height: 46px;
  line-height: 46px;
  padding: 0 60px 0 70px;
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 1.05em;
  color: #333333;
  text-decoration: none;
}

.bottom_logo {
  width: 190px;
  float: right;
}

.bottom_logo img {
  float: right;
  display: block;
  margin: 0 0 10px;
}

.topLink {
  margin: 20px 0;
  display: none;
}

.topLink a {
  background: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}


/* contents */

.fntBig,
.fntMid,
.fntSml {
  margin-top: -1px;
}

li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
  margin-top: -1px;
}

.pg_col_top,
.pg_col_down {
  font-size: 0.85em;
  margin: 0 0 20px;
}

.pg_no {
  width: 35%;
  margin-left: 0;
}

.pg_scr {
  width: 30%;
}

.pg_scr span {
  margin: 0 5px;
}

.pg_scr span.disabled {
  margin: 0;
}

.okw_sort_select {
  width: 140px;
  margin-right: 0;
}

.okw_sort_select select {
  width: 140px;
}

.sort_arrow {
  display: none;
}

.search_list {
  border-top: none;
  width: 100%;
}

.search_list_inner {
  border: none;
  margin: 0 0 30px;
  padding: 0;
}

li.search_list_inner:hover {
  background-color: #FFFFFF;
}

.search_qattl {
  font-size: 1.1em;
}

.search_list_bg2 {
  background-color: #FFFFFF;
}

.search_qattl {
  margin-bottom: 0;
}

.icoQ_sml {
  background: url(/usr/file/attachment/ico_qst_s.jpg) no-repeat scroll left 1px;
  padding: 4px 0 16px 42px;
}

.icoA_sml {
  background: url(/usr/file/attachment/ico_ans_s.jpg) no-repeat scroll left top;
  padding: 6px 0 8px 42px;
  font-size: 0.9em;
}

ul.search_dateNo {
  margin-left: 43px;
}

.search_dateNo li {
  font-size: 0.8em;
}

.pg_col_down .pg_no {
  margin-bottom: 15px;
}

.pg_col_down .pg_no.flo_l {
  float: none;
}

.pagination {
  font-size: 1em;
  float: none;
  text-align: center;
}

.pagination a {
  background: url(usr/file/attachment/btn_pagination.jpg) no-repeat scroll center center;
  width: 32px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}


.pagination a.next_page,
.pagination a.previous_page {
  background: url(/usr/file/attachment/btn_pagination_next.jpg) no-repeat scroll center center;
  width: 67px;
  margin: 0 5px;
}

.pagination .current {
  background: url(/usr/file/attachment/btn_pagination_off.jpg) no-repeat scroll center center;
  width: 32px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}

.pagination span.disabled {
  width: 70px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #CCCCCC;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}


/* faq */

.faq_qstInf_col {
  border: none;
  margin: 0 0 10px;
}

.faq_qstInf_col .siteLink {
  display: none;
}

.faq_qstInf_col .faq_dateNo {
  width: 100%;
  float: left;
}

.faq_qstInf_col .faq_dateNo li.faq_print {
  float: right;
}

.siteLink li {
  font-size: 0.9em;
}

.faq_dateNo li {
  font-size: 0.9em;
  color: #999999;
}

.icoQ {
  background: url(/usr/file/attachment/ico_qst_s.jpg) no-repeat scroll left top;
  padding: 3px 0 3px 42px;
}

.icoA {
  background: url(/usr/file/attachment/ico_ans_s.jpg) no-repeat scroll left top;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 1.15em;
  color: #FB8200;
  margin: 0 10px 0 0;
  padding: 0 0 0 45px;
}

.faq_qstCont_col {
  margin: 0 0 20px;
  float: none;
  overflow: hidden;
}

.faq_cate_col a {
  color: #004731 !important;
}

.faq_cate_col a:visited {
  color: #004731 !important;
}

.faq_cate_col a:hover {
  color: #ed6d34 !important;
}

.faq_ans_ttl {
  margin: 0 0 20px;
  padding: 0 12px 12px;
  clear: both;
}

.faq_ans_bor {
  background: none;
  border: none;
  border-bottom: 2px solid #FB8200;
}

.faq_ans_col {
  padding: 7px 0 0 0;
}

.okw_parts_faq_relations {
  border: none;
  margin-bottom: 40px;
}

.okw_parts_faq_relations .ttl_col h2 {
  font-size: 130%;
}

.okw_parts_faq_relations .faq_relate_list {
  margin: 0;
  padding: 0;
}


.okw_enquete_area {
  background: none #FFFFFF;
  border: 2px solid #9FC71D;
  width: 100%;
  margin: 0 0 40px;
  padding: 0;
}


.questioner_col {
  padding: 30px 55px 30px;
  overflow: hidden;
}

.faq_form_list {
  width: 100%;
  margin: 0;
}

.submit_enquete_btn {
  width: 140px;
  height: 110px;
  margin: 0 10px;
  border: none;
  float: left;
}

.submit_enquete_btn>input[type='radio'] {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}

#enquete_btn0 {
  background: url(/usr/file/attachment/btn_questionnaire01.jpg) no-repeat;
}

#enquete_btn1 {
  background: url(/usr/file/attachment/btn_questionnaire02.jpg) no-repeat;
}

#enquete_btn2 {
  background: url(/usr/file/attachment/btn_questionnaire03.jpg) no-repeat;
}

#enquete_btn3 {
  background: url(/usr/file/attachment/btn_questionnaire04.jpg) no-repeat;
}

#enquete_btn0.hover_btn,
#enquete_btn1.hover_btn,
#enquete_btn2.hover_btn,
#enquete_btn3.hover_btn {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
}

#enquete_btn0.disable_btn {
  background: url(/usr/file/attachment/btn_questionnaire01_off.jpg) no-repeat;
  cursor: auto;
}

#enquete_btn1.disable_btn {
  background: url(/usr/file/attachment/btn_questionnaire02_off.jpg) no-repeat;
  cursor: auto;
}

#enquete_btn2.disable_btn {
  background: url(/usr/file/attachment/btn_questionnaire03_off.jpg) no-repeat;
  cursor: auto;
}

#enquete_btn3.disable_btn {
  background: url(/usr/file/attachment/btn_questionnaire04_off.jpg) no-repeat;
  cursor: auto;
}

#enquete_btn0.disable_btn#enquete_btn0.hover_btn,
#enquete_btn1.disable_btn#enquete_btn1.hover_btn,
#enquete_btn2.disable_btn#enquete_btn2.hover_btn,
#enquete_btn3.disable_btn#enquete_btn3.hover_btn {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.btn01 {
  background: #fa8200 no-repeat 15px;
  border-bottom: #e27500 solid 2px;
  display: inline-block !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-size: auto 35px;
}

.btn01>a {
  display: table;
  font-weight: bold;
  font-size: 1.4em;
  text-decoration: none !important;
  color: #fff !important;
  padding: 0.6em;
  text-align: center;
  width: 300px;
  box-sizing: border-box;
  height: 67px;
  margin-left: auto;
  margin-right: auto;
}

.btn01.icon02 {
  background-image: url(http://www.smbc.co.jp/kojin/spaplli/resources/images/index_img_002.gif);
}

.btn01:hover {
  opacity: 0.8;
}

.btn01>a>span {
  display: table-cell;
  vertical-align: middle !important;
  width: 100%;
  padding: 0 !important;
}

.btn01 .fsSmall {
  line-height: 1.5 !important;
}

.fsSmall {
  font-size: 0.7em;
}

.tCenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.spOnly {
  display: none !important;
}

.faqList li.Q_sml {
  background: none;
}

.faq_relate_list li.Q_sml {
  background: none;
}


/*----jiyuukijutu----*/

.okw_parts_pickup_faq {
  position: absolute;
  top: -215px;
  height: 400px;
  border: 1px solid #cccccc;
  border-bottom: none;
}

/*---wizardFAQlist---*/

.faq_ansCont_txt .list_style_wizard01 {
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
}

.faq_ansCont_txt .list_style_wizard01 li {
  list-style: none;
}

/*glyphAttention01*/

#faq_answer_contents .cmp_parts_glyphAttention01>span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}

#faq_answer_contents .cmp_parts_glyphAttention01>span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 20px;
  height: 17px;

  background: url(/usr/file/attachment/7EmL66tLI6W4fyIh.png);
  -ms-background-size: 20px 17px;
  -moz-background-size: 20px 17px;
  -webkit-background-size: 20px 17px;
  background-size: 20px 17px;
}


/*contactBlock01*/

#faq_answer_contents .cmp_parts_freefone strong {
  color: #004831;
  font-size: 1.715em;
}

#faq_answer_contents .cmp_parts_phoneNumberLink {
  cursor: default;
  text-decoration: none;
}

#faq_answer_contents .cmp_parts_phoneNumberLink:link,
#faq_answer_contents .cmp_parts_phoneNumberLink:visited {
  text-decoration: none;
}



/*-------------------------------asset-------------------------------*/


#faq_answer_contents .cmp_parts_dNone {
  display: none;
}

#faq_answer_contents .cmp_parts_spContent {
  display: none !important
}


/*-------------------------------------------
  Width
  -------------------------------------------*/

#faq_answer_contents .cmp_parts_w100p {
  width: 100% !important;
}

#faq_answer_contents .cmp_parts_w70px {
  width: 70px;
}

#faq_answer_contents .cmp_parts_w450px {
  width: 450px;
}

@media screen and (max-width: 767.98px) {
  #faq_answer_contents .cmp_parts_w450px {
    width: 100%;
  }
}


/*-------------------------------------------
  Margin
  -------------------------------------------*/


/*all*/

#faq_answer_contents .cmp_parts_m20 {
  margin: 20px !important;
}


/*top*/

#faq_answer_contents .cmp_parts_mt00 {
  margin-top: 0 !important;
}

#faq_answer_contents .cmp_parts_mt05 {
  margin-top: 5px !important;
}

#faq_answer_contents .cmp_parts_mt10 {
  margin-top: 10px !important;

}

#faq_answer_contents .cmp_parts_mt15 {
  margin-top: 15px !important;
}

#faq_answer_contents .cmp_parts_mt20 {
  margin-top: 20px !important;
}

#faq_answer_contents .cmp_parts_mt25 {
  margin-top: 25px !important;
}

#faq_answer_contents .cmp_parts_mt30 {
  margin-top: 30px !important;
}

#faq_answer_contents .cmp_parts_mt40 {
  margin-top: 40px !important;
}

#faq_answer_contents .cmp_parts_mt50 {
  margin-top: 50px !important;
}

/*bottom*/

#faq_answer_contents .cmp_parts_mb00 {
  margin-bottom: 0 !important;
}

#faq_answer_contents .cmp_parts_mb05 {
  margin-bottom: 5px !important;
}

#faq_answer_contents .cmp_parts_mb10 {
  margin-bottom: 10px !important;
}

#faq_answer_contents .cmp_parts_mb15 {
  margin-bottom: 15px !important;
}

#faq_answer_contents .cmp_parts_mb20 {
  margin-bottom: 20px !important;
}

#faq_answer_contents .cmp_parts_mb30 {
  margin-bottom: 30px !important;
}


/*left*/

#faq_answer_contents .cmp_parts_ml05 {
  margin-left: 5px !important;
}

#faq_answer_contents .cmp_parts_ml10 {
  margin-left: 10px !important;
}

#faq_answer_contents .cmp_parts_ml15 {
  margin-left: 15px !important;
}

#faq_answer_contents .cmp_parts_ml20 {
  margin-left: 20px !important;
}

#faq_answer_contents .cmp_parts_ml25 {
  margin-left: 25px !important;
}

#faq_answer_contents .cmp_parts_ml30 {
  margin-left: 30px !important;
}

#faq_answer_contents .cmp_parts_ml35 {
  margin-left: 35px !important;
}

#faq_answer_contents .cmp_parts_ml40 {
  margin-left: 40px !important;
}


/*-------------------------------------------
  padding
  -------------------------------------------*/

/*top*/

#faq_answer_contents .cmp_parts_pt05 {
  padding-top: 5px !important;
}

#faq_answer_contents .cmp_parts_pt10 {
  padding-top: 10px !important;
}

/*bottom*/

#faq_answer_contents .cmp_parts_pb00 {
  padding-bottom: 0 !important;
}

/*-------------------------------------------
  Text
  -------------------------------------------*/


/*align*/

#faq_answer_contents .cmp_parts_tCenter {
  text-align: center !important;
}

#faq_answer_contents .cmp_parts_tLeft {
  text-align: left !important;
}

#faq_answer_contents .cmp_parts_tRight {
  text-align: right !important;
}

/*style*/

#faq_answer_contents .cmp_parts_tBold {
  font-weight: bold !important;
}


/*size*/

/*24px*/

#faq_answer_contents .cmp_parts_cmp_parts_fsLarger02 {
  font-size: 1.429em !important;
  line-height: 1.44;
}


/*14px*/

#faq_answer_contents .cmp_parts_fsSmall {
  font-size: 0.857em !important;
  line-height: 1.5;
}


/*-------------------------------asset_end-------------------------------*/
/*--------------------cmp_parts_end--------------------*/

/*SMBC 旧カスタムスタイルシート 終わり--------------------------------------------------------------*/

/*▼▼▼ SMBC リニューアル カスタムスタイルシート ▼▼▼--------------------------------------------*/

/*-----------------------------------------------------------------


  00_SMBCCSS


  -----------------------------------------------------------------*/

/*--------------------------------------------
  Footer Setting（SMBC）
  ---------------------------------------------*/
div#footer-area {
  margin: -55px 0;
}

#footer-content {
  margin-top: 90px;
  margin-bottom: 50px;
  background: #f3f8f6;
}

#footer-content a {
  text-decoration: none;
  font-size: 75%;
}

#footer-content a:hover,
#footer-content a:focus {
  text-decoration: underline;
}

#footer-content .footer-pageTop {
  display: flex;
  background: #f3f8f6;
  border-bottom: 2px solid #fff;
}

#footer-content .footer-pageTop>.inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  min-height: 47px;
  margin: auto;
  padding: 0 40px;
}

#footer-content .footer-pageTop>.inner>a>.inner {
  line-height: 1;
  font-weight: bold;
}

#footer-content .footer-pageTop>.inner>a>.inner::before {
  top: calc(50% - (1.375em / 2));
}

/* レスポンシブ用幅調整 */
#footer-content .footer-info {
  padding: 42px 0px;
  width: 1200px;
  max-width: 1240px;
  margin: 0 auto;
}

@media screen and (max-width: 1024.98px) and (min-width: 768px) {
  #footer-content .footer-info {
    padding: 42px 20px;
    width: calc(1024px - 60px);
    margin: 0 auto;
  }
}

@media screen and (max-width: 767.98px) {
  #footer-content .footer-info {
    padding: 42px 4.8vw;
    width: calc(100% - 7.8vw);
    margin: 0 auto;
  }

}

#footer-content .footer-logo {
  background: #004831;
}

/* レスポンシブ用幅調整 */
#footer-content .footer-logo>.inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  padding: 15px 40px;
}

@media screen and (max-width: 1024.98px) and (min-width: 768px) {
  #footer-content .footer-logo>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(1024px - 60px);
    margin: auto;
    padding: 15px 20px;
  }
}


#footer-content .footer-logo .logo {
  display: block;
  flex: 0 0 auto;
}

#footer-content .footer-logo .copy {
  font-size: 1.0rem;
  color: #fff;
}

#footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {

  transition: all .3s ease-out;
}

/*--------------------------------------------
  Fixed
  ---------------------------------------------*/
#footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}



/*--------------------------------------------
  Column Parts
  ---------------------------------------------*/

[class*="column-layoutB"] {
  display: flex;
  flex-wrap: wrap;
}


/* Flex Column B */
[class*="column-layoutB"]:not(:first-child) {
  margin-top: 28px;
}

[class*="column-layoutB"]>* {
  margin: 28px 0 0 2%;
}

[class*="column-layoutB"]>*>[class*="card-"]:only-child:not(.-auto) {
  height: 100%;
}

[class*="column-layoutB"]>*.full {
  width: 100%;
  margin-left: 0;
}

[class*="column-layoutB"].-narrow01>* {

  margin-top: 8px;
}

[class*="column-layoutB"].-narrow02>* {
  margin-top: 18px;
}

[class*="column-layoutB"].-wide01>* {
  margin-top: 40px;
}

[class*="column-layoutB"].-wide02>* {
  margin-top: 96px;
}

.column-layoutB3>* {
  width: 32%;
}

.column-layoutB3.-columnWide01>* {
  width: 31.6%;
  margin-left: 2.6%;
}

.column-layoutB3.-columnNarrow01>* {
  width: 33%;
  margin-left: .5%;
}

.column-layoutB4>* {
  width: 23.5%;
}

.column-layoutB4.-columnWide01>* {
  width: 22%;
  margin-left: 4%;
}

.column-layoutB4.-columnNarrow01>* {
  width: 24.1%;
  margin-left: 1.2%;
}

.column-layoutB3>*:nth-child(3n + 1) {
  margin-left: 0;
}

.column-layoutB4>*:nth-child(4n + 1) {
  margin-left: 0;
}

.column-layoutB3>*:nth-child(-n+3) {
  margin-top: 0;
}

.column-layoutB4>*:nth-child(-n+4) {
  margin-top: 0;
}

/*--------------------------------------------

  Link

  ---------------------------------------------*/
a:not(.link-hoverImgNone)>img {
  transition: opacity .3s ease-out;
}

a:not(.link-hoverImgNone):hover>img {
  opacity: .7;
}


/*--------------------------------------------
  Glyph
  ---------------------------------------------*/
[class*="glyph-"] {
  position: relative;
}

[class*="glyph-"]>.inner {
  position: relative;
  padding-left: 2.25em;
}

[class*="glyph-"]>.inner::before {
  content: "";
  display: block;
  position: absolute;
  top: .1em;
  left: 0;
  width: 1.375em;
  height: 1.375em;
}

[class*="glyph-"]:not([class*="btn-type"]):not(.card-tile01)>.inner {
  display: inline-block;
}

[class*="glyph-"][class*="btn-type"] {
  padding-right: 2.25em;
  padding-left: 2.25em;
}

[class*="glyph-"][class*="btn-type"]>.inner {
  position: static;
  padding: 0;
}

[class*="glyph-"][class*="btn-type"]>.inner::before {
  top: calc(50% - (1.375em / 2));
  left: 1em;
}

.glyph-arrow01>.inner::before {
  background: url("/usr/file/attachment/smbc_ico_arrow_top_02.svg") 0 0/100% auto no-repeat;
}

.glyph-arrow01>.inner::before {
  transform: rotate(90deg);
}

.glyph-arrow01.-bottom>.inner::before {
  transform: rotate(180deg);
}

.glyph-arrow01.-left>.inner::before {
  transform: rotate(270deg);
}

.glyph-arrow01.-top>.inner::before {
  transform: rotate(0deg);
}

/*--------------------------------------------
  Icon
  ---------------------------------------------*/

[class*="icon-"][class*="btn-type"] {
  position: relative;
}

[class*="icon-"][class*="btn-type"]>.inner {
  position: static;
  padding-right: 2.25em;
  padding-left: 2.25em;
}

[class*="icon-"][class*="btn-type"]>.inner::after,
[class*="icon-"][class*="btn-type"]>.inner .item {
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 1em;
  left: auto;
}

/*--------------------------------------------
  Glyph CUSTOMISE
  ---------------------------------------------*/

[class*="card-normal"]>.inner>.header>.title[class*="glyph-"]>.inner {
  padding-left: 1.8em;
}

[class*="card-normal"]>.inner>.header>.title[class*="glyph-"]>.inner::before {
  top: .2em;
  width: 1.1em;
  height: 1.1em;
}

/*--------------------------------------------
  Form Parts
  ---------------------------------------------*/

input::-ms-clear {
  visibility: hidden;
}

select::-ms-expand {
  display: none;
}


/*--------------------------------------------
  Select
  ---------------------------------------------*/

_:lang(x)+_:-webkit-full-screen-document {
  -webkit-rtl-ordering: visual;
}


/*--------------------------------------------


  Function Parts


  ---------------------------------------------*/
[aria-hidden="true"]:not(.aria-show01) {
  display: none;
}


/*--------------------------------------------
  Accordion
  ---------------------------------------------*/

.toggle-block01:not(:first-child) {
  margin-top: 28px;
}


/*--------------------------------------------


  General Parts


  ---------------------------------------------*/
/*-------------------------------------------
  Display
  -------------------------------------------*/
._d-block {
  display: block !important;
}
._d-inline {
  display: inline-block !important;
}
/*-------------------------------------------
  Align
  -------------------------------------------*/
._t-center {
  text-align: center !important;
}

._t-left {
  text-align: left !important;
}

._t-right {
  text-align: right !important;
}

._v-top {
  vertical-align: top !important;
}

._v-middle {
  vertical-align: middle !important;
}

._v-bottom {
  vertical-align: bottom !important;
}

/*-------------------------------------------
  width
  -------------------------------------------*/

._w-auto {
  width: auto !important;
}

/* px */

._w70 {
  width: 70px !important;
  max-width: 100% !important;
}

._w80 {
  width: 80px !important;
  max-width: 100% !important;
}

._w100 {
  width: 100px !important;
  max-width: 100% !important;
}

._w150 {
  width: 150px !important;
  max-width: 100% !important;
}

._w220 {
  width: 220px !important;
  max-width: 100% !important;
}

._w250 {
  width: 250px !important;
  max-width: 100% !important;
}

._w270 {
  width: 270px !important;
  max-width: 100% !important;
}

._w350 {
  width: 350px !important;
  max-width: 100% !important;
}

._w500 {
  width: 500px !important;
  max-width: 100% !important;
}

._w550 {
  width: 550px !important;
  max-width: 100% !important;
}

._w600 {
  width: 600px !important;
  max-width: 100% !important;
}

._w620 {
  width: 620px !important;
  max-width: 100% !important;
}

/* percent */

._w20p {
  width: 20% !important;
}

._w30p {
  width: 30% !important;
}

._w40p {
  width: 40% !important;
}

._w70p {
  width: 70% !important;
}


/*-------------------------------------------
  Margin
  -------------------------------------------*/

/* margin-top*/
._mt00 {
  margin-top: 0 !important;
}

._mt08 {
  margin-top: 8px !important;
}

/* margin-right*/

._mr16 {
  margin-right: 16px !important;
}

/* margin-bottom*/
._mb00 {
  margin-bottom: 0 !important;
}

._mb08 {
  margin-bottom: 8px !important;
}

._mb16 {
  margin-bottom: 16px !important;
}

._mb24 {
  margin-bottom: 24px !important;
}

._mb48 {
  margin-bottom: 48px !important;
}

._mb28 {
  margin-bottom: 28px !important;
}


/*-------------------------------------------
  padding
  -------------------------------------------*/
/* padding-all*/
._p00 {
  padding: 0 !important;
}

._p08 {
  padding: 8px !important;
}

._p16 {
  padding: 16px !important;
}

/* padding-bottom*/
._pb16 {
  padding-bottom: 16px !important;
}

/* padding-left*/
._pl00 {
  padding-left: 0 !important;
}


/*-------------------------------------------
  Font
  -------------------------------------------*/
/* size*/
._fsXs {
  font-size: 1.2rem !important;
}

/* weight*/
._t-bold {
  font-weight: bold !important;
}

._t-underNone {
  text-decoration: none !important;
}

@media screen and (max-width: 767.98px) {

  [class*="column-layoutB"][class*="-spColumn"]>* {
    margin-top: 28px;
  }

  [class*="column-layoutB"][class*="-spColumn"].-low01>* {
    margin-top: 10px;
  }

  [class*="column-layoutB"].-spColumn1>* {
    width: 100%;
    margin: 28px 0 0 0;
  }

  [class*="column-layoutB"].-spColumn1>*>[class*="card-"] {
    height: auto;
  }

  [class*="column-layoutB"].-spColumn2>* {
    width: 48%;
    margin-left: 4%;
  }

  [class*="column-layoutB"].-spColumn2.-columnNarrow01>* {
    width: 49%;
    margin-left: 2%;
  }

  [class*="column-layoutB"].-narrow01>* {
    margin-top: 8px;
  }

  [class*="column-layoutB"].-narrow02>* {
    margin-top: 18px;
  }

  [class*="column-layoutB"].-wide01>* {
    margin-top: 40px;
  }

  [class*="column-layoutB"].-wide02>* {
    margin-top: 96px;
  }

  [class*="column-layoutB"]>*.spfull {
    width: 100%;
    margin-left: 0;
  }

  [class*="column-layoutB"].-spColumn1>*:nth-child(1n + 1) {
    margin-left: 0;
  }

  [class*="column-layoutB"].-spColumn1>*:nth-child(-n+1) {
    margin-top: 0;
  }

  [class*="column-layoutB"].-spColumn2>*:nth-child(2n + 1) {
    margin-left: 0;
  }

  [class*="column-layoutB"].-spColumn2>*:nth-child(-n+2) {
    margin-top: 0;
  }

  ._sp-d-block {
    display: block !important;
  }

  ._pc-content {
    display: none !important;
  }

  /*-------------------------------------------
    Align
    -------------------------------------------*/

  ._sp-w-auto {
    width: auto !important;
  }

  /* px */
  ._sp-w20 {
    width: 20px !important;
    max-width: 100% !important;
  }

  ._sp-w60 {
    width: 60px !important;
    max-width: 100% !important;
  }

  ._sp-w100 {
    width: 100px !important;
    max-width: 100% !important;
  }

  ._sp-w120 {
    width: 120px !important;
    max-width: 100% !important;
  }

  ._sp-w160 {
    width: 160px !important;
    max-width: 100% !important;
  }

  /* percent */

  ._sp-w100p {
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) {

  ._sp-content {
    display: none !important;
  }
}

/*--------------------------------------------
    Header Setting
    -------------------------------------------*/

#header-content a {
  text-decoration: none;
}

#header-content .header-logo {
  display: flex;
  width: 100%;
  background: #004831;
  border-bottom: 3px solid #c4d700;
}

#header-content .header-logo>.inner {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1200px;

  min-height: 37px;
  margin: auto;
  padding: 0 40px;
}


/* SMBCヘッダーSP版 ロゴサイズ・高さ調整 */
@media screen and (max-width: 767.98px) {
  #header-content .header-logo>.inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    min-height: 24px;
    margin: auto;
    padding: 0 12px;
  }

  .header-logo .inner img {
    height: 17px;
  }

  /* 三井住友銀行ロゴ調整 */
  #header-content .header-siteLogo {
    display: flex;
    flex: 0 0 auto;
    width: 100px;
  }

  .header-siteLogo img {
    width: 100px;
  }

}


.header-inner {
  box-shadow: 0 0px 13px 0 rgba(20, 29, 29, .1);
}

/* SMBCヘッダーSP版 ロゴサイズ・高さ調整 */
#header-content .header-inner>.inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 22px 40px;
}

@media screen and (max-width: 767.98px) {
  #header-content .header-inner>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 9px 20px;
  }
}

#header-content .header-siteLogo {
  display: flex;
  flex: 0 0 auto;
  width: 213px;
}

#header-content .header-siteLogo>* {
  display: flex;
  align-items: center;
}


/* SMBC CSS 終わり-----------------------------------------------------------------*/

/*----------------------------------------------------------------
  01_OKWave CSS

  -----------------------------------------------------------------*/


/*デフォルト打消し-----------------------------------------------------------------*/
/*背景*/

#okw_contents,
#okw_contents_base,
#okw_contents_inner {
  background: #fff;

  padding: 0;
  width: auto;
  margin: 0 auto;
}

/*アイコン*/

.icoKeyword,
.icoCate,
.icoResult,
.icoPickup,
.icoFaq {
  background: none;
  display: inline-block;
  height: auto;
  padding: 0px;
}

/*見出し帯*/

.ttl_col,
.ttl_bg {
  background: none;
  padding: 0;
  height: auto;
}

/*フォーカス時青線*/

input:focus,
textarea:focus {
  outline: none;
}

/*inputボタン iPhone表示 CSS対策*/
input[type="submit"] {
  -webkit-appearance: none;
}

/*デフォルト打消し終わり-----------------------------------------------------------------*/


/*PC・SP共通設定-----------------------------------------------------------------*/

#okw_wrapper {
  position: relative;
  z-index: 1000;
  overflow: hidden;
}

/* リンク */

a:link {
  color: #004832;
  text-decoration: none;
  transition: all 0.2s;
}


/* 訪問済み */
a:visited {
  color: #004832;
  /* テキスト色 */
  text-decoration: none;
  /* テキスト装飾 */
}

/* ホバー */
a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* アクティブ */
a:active {
  color: #004832;
  /* テキスト色 */
  text-decoration: underline;
  /* テキスト装飾 */
}

/* 改行調整 */

/*全要素_半角英数_改行対応*/
* {
  word-break: break-all;
}

/* テキストエリア改行 */
textarea {
  white-space: pre-wrap !important;
}

/* preタグ対応 */

#faq_answer_contents pre {
  white-space: break-spaces !important;
}

/* preタグ対応 IE11 */
_:-ms-lang(x)::-ms-backdrop,
#faq_answer_contents pre {
  white-space: pre !important;
}

/* preタグ対応 Edge(EdgeHTML) */
_:-ms-lang(x)::backdrop,
#faq_answer_contents pre {
  white-space: pre-wrap !important;
}

/* 回答に画像を添付すると、枠からはみ出るのを回避 */
#faq_answer_contents img {
  max-width: 100%;
  height: auto;
}

/* font指定 */
@font-face {
  font-family: "noto-sans";
  font-display: swap;
  src: url("/usr/file/attachment/NotoSansJP-Regular.woff");
}

@font-face {
  font-family: 'Noto Sans JP';
  font-display: swap;
  src: url(/usr/file/attachment/RobotoCondensed-Regular.woff);
}

*, textarea, input, select {
  font-family: "noto-sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}

body {
  color: #141d1d;
}




/* =========================== 1025px-1241px以上 =========================== */

/* @media screen and (min-width: 1025px) { */

/*--------------------------------------------
  フッター（OKWAVE）
  ---------------------------------------------*/


#okw_logo_footer {
  text-align: center;
  float: none;
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}

#okw_logo_footer.logo_footer a {
  background: transparent url(/usr/file/attachment/pksha_communication_horizontal.png) no-repeat;
  background-size: contain;
  width: 270px;
  height: 22px;
  display: inline-block;
  text-indent: -99999px;
  overflow: hidden;
}

.colArea {
  margin-bottom: 0px;
  position: relative;
}

#okw_footer_default {
  padding: 40px 0px 0px;
}

/*全体-----------------------------------------------------------------*/
#okw_contents_base {
  margin: 0 auto;
  width: 1200px;
  max-width: 1240px;
  position: relative;
}

/* ページTOPへ非表示 */
.topLink {
  display: none;
}

/* 文字サイズ上の余白 */

#okw_sub_header {
  margin: 16px 0px 0 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;

}

#category_search #okw_sub_header {
  margin: 17px 0 0 0;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


#okw_contents {
  color: #505050;
}

/* 2カラム幅 */
.twoCol {
  width: 48%;
}


/* パンクズリスト右余白 */
.okw_bread {
  flex-grow: 1;
  text-align: left;
  display: inline-block;
}

.okw_bread li {
  font-size: 80%;
}

/* パンクズリストリンク */
.okw_bread a {
  color: #004831;
  text-decoration: none;
}

.okw_bread a:hover {
  color: #004831;
  text-decoration: underline;
}

/* 戻るリンク*/
.preLink {
  background: none;
}

/* ログインパーツ非表示*/
div#login_user_name {
  display: none;
}

/* ------------------------------
  見出し
  ------------------------------ */
/* コンテンツ共通 */

.okw_parts_faq_relations .ttl_bg,
.okw_parts_sub_category .ttl_bg {
  text-align: center;
  color: #004832;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #9fc71b;
}

.okw_parts_search .ttl_bg,
.okw_parts_category .ttl_bg {
  text-align: center;
  color: #004832;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #9fc71b;
}

/* カテゴリーから探すタイトル margin-bottom個別設定 */
.okw_parts_category .ttl_bg {
  margin-bottom: 106px;
}

/* お気に入りFAQ/注目FAQ */

.okw_parts_pickup_faq .ttl_bg {
  text-align: center;
  color: #004832;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #9fc71b;
}

/* 見出しテキストサイズ */
.ttl_col h2 {
  font-size: 170%;
  font-weight: bold;
}

/* お気に入りFAQ一覧/注目のFAQ一覧ページ 調整 */

.icoFavorite,
.icoPickup {
  float: none;
}


/* お気に入りFAQ一覧/注目のFAQ一覧ページ 調整 */

.okw_parts_favorite_faq .list,
.okw_parts_pickup_faq .list,
.okw_parts_mypage_list .list {
  display: none;
}


/* ------------------------------
  パーツごとのアキ調整
  ------------------------------ */

.okw_parts_category {
  margin-bottom: 0px;
}

.okw_parts_usr_27 {
  margin-top: calc(120px - 38px);
}

#faq_show .okw_parts_usr_27 {
  margin-top: 118px;
}

#category_show .okw_parts_usr_31 {
  display: block;
  width: 970px;

}

.okw_parts_usr_30 {
  margin-top: 20px;
  margin-bottom: 110px;
}

.colArea {
  margin-bottom: 0px;
  position: static;
}

/* ------------------------------
  QAアイコン
  ------------------------------ */
.faqList li.Q_sml {
  background: none;
  background-size: 35px 35px;
}

.faqList li {
  padding: 10px 0 10px 42px;
  margin-bottom: 0px;
  word-break: break-all;
  word-wrap: break-word;
}

/* ------------------------------
  FAQリスト
  ------------------------------ */
.faqList li.Q_sml {
  background: none;
  padding: 15px 30px 15px 0px;
  border-bottom: 1px solid #d7e6dd;
  position: relative;
}

.faqList li.Q_sml:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 6px;
  height: 11px;
  background: url(/usr/file/attachment/smbc_faq_list_arrow.png);
  background-size: contain;
}

.faqList,
.faq_relate_list {
  margin: 0px;
  padding: 0px;
}

.faqList li a,
.faq_relate_list li a {
  background: none;
  background-position: 0px;
  padding: 0px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 100%;
  display: block;
}

/*全体終わり-----------------------------------------------------------------*/

/*FAQ TOP--------------------------------------------------------------------*/

/* ------------------------------
  個人・法人リンク（カスタムパーツ）
  ------------------------------ */
.ko_ho_link_wrapper {
  order: 2;
}

#fontCol {
  white-space: nowrap;
  line-height: 22px;
  display: flex;
  align-items: center;
  order: 2;
  margin: -12px 20px 0px 0px;
}

.ko_ho_link_contents ul {
  display: flex;
  margin-right: 10px;
  margin-top: 5px;
  justify-content: space-between;
}

li.ko_ho_button.li_kojin {
  margin-right: 5px;
}

li.ko_ho_button {
  width: 55px;
  height: 30px;
  text-align: center;
  font-weight: bold;
}

a.button_houjin {
  display: block;
  height: 100%;
  font-size: 90%;
  border-bottom: 2px solid #fff;
  color: #788883;
  text-decoration: none;
  transition: all 0.2s;
}

a.button_houjin:hover {
  display: block;
  height: 100%;
  border-bottom: 2px solid #004832 !important;
  color: #004832 !important;
  text-decoration: none;
  transition: all 0.2s;
}

a.button_kojin {
  display: block;
  height: 100%;
  font-size: 90%;
  color: #788883;
  border-bottom: 2px solid #fff;
  text-decoration: none;
  transition: all 0.2s;
}

a.button_kojin:hover {
  display: block;
  height: 100%;
  border-bottom: 2px solid #004832 !important;
  color: #004832 !important;
  text-decoration: none;
  transition: all 0.2s;
}

/* ------------------------------
  よくあるご質問タイトル（カスタムパーツ）
  ------------------------------ */
.okw_parts_usr_21 .ttl_bg {
  font-size: 200%;
  text-align: center;
  color: #004832;
  font-weight: bold;
  margin-top: 67px;
}

/* ------------------------------
  検索エリア
  ------------------------------ */

/* 打ち消し */
#category_index .okw_parts_search {
  width: auto;
  height: auto;
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 0;
}


.okw_parts_search {
  text-align: center;
}

/* 検索タイトル非表示 */
.okw_parts_search .ttl_bg {
  display: none;
}

/* 検索エリア背景 */
.search_frmArea {
  display: inline-block;
  background: #fff;
}


/* 検索自然文ボタン */

.search_frmArea .keyword_frmbtn {
  background: #004832;
  width: 88px;
  height: 48px;
  color: #fff;
  font-weight: bold;
  border: 0;
  font-size: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 2px 0px 0 #6c887f;
  transition: all 0.2s;
}

.search_frmArea .keyword_frmbtn:hover {
  opacity: .6;
  cursor: pointer;
  transition: all 0.2s;
}

/* 文章で検索ボタン */
.search_frmArea .n_keyword_frmbtn {
  background: #004832;
  width: 88px;
  height: 48px;
  color: #fff;
  font-weight: bold;
  border: 0;
  font-size: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 0px;
  box-shadow: 0 2px 0px 0 #6c887f;
  transition: all 0.2s;
}

.search_frmArea .n_keyword_frmbtn:hover {
  opacity: .6;
  cursor: pointer;
  transition: all 0.2s;
}

#keyword_form .search_description {
  margin-top: 0px;
}

/* 通常検索パーツでのサイズ */
.keyword_frm {
  width: 612px;
}

/* キーワード入力部分 */
.keyword_frm {
  margin: 0px;
  height: 50px;
  margin-right: 12px;
  border-width: 2px;
  border-color: #D5DEDB;
  border-style: solid;
  border-radius: 5px;
  line-height: 2;
  padding-left: 50px;
  box-sizing: border-box;
  color: #788883;
  letter-spacing: 0px;
}

.search_frmArea {
  display: inline-block;
  background: #fff;
  position: relative;
}

.search_frmArea:before {
  content: "";
  position: absolute;
  left: 0px;
  z-index: 9999;
  top: 2px;
  margin: auto;
  width: 47px;
  height: 47px;
  background: url(/usr/file/attachment/smbc_search_ico.png);
  background-size: 23px 24px;
  background-repeat: no-repeat;
  background-position: center;
}

/* 検索ヘルプボタン ポップアップ */
.search_frmArea .keyword_helpbtn_popup {
  font-size: 80%;
  padding: 7px;
  border: none;
  background-color: #014832;
  border-radius: 5px;
  z-index: 99999;
  position: absolute;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  box-shadow: 0 7px 15px 0 rgba(81, 127, 111, .3);
}

/* 検索結果文字強調 */
.search_word {
  font-weight: bold;
  color: #505050;
  background: #fff000;
  padding: 5px;
}


/* 単語検索文章 余白調整 */

.search_description {
  font-size: 80%;
  color: #788883;
  margin: 3px 0;
  text-align: left;
}

.search_frmArea .keyword_helpbtn {
  background: url(../images/front/icon_question.png) no-repeat;
  height: 20px;
  width: 20px;
  position: relative;
  top: 6px;
  right: 7px;
  background-size: contain;
  margin-left: 8px;
}

/* 検索サジェスト */
.search_suggest {
  text-align: left;
  padding: 10px 5px;
  color: #788883;
  position: absolute;
  z-index: 9999;
  background-color: #ffffff;
  border: 1px solid #d5dedb;
  border-radius: 5px;
  max-height: 100px;
  min-height: 25px;
  overflow: auto;
  left: 0px;
  top: -70px;
  width: 70%;
  margin-top: 0px;
}

/* ------------------------------
  困ったときは（カスタムパーツ）
  ------------------------------ */

h1.pl_ttl {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}

.page_link_ttl p {
  text-align: center;
  margin: 10px 0 40px 0;
}

.pl_link ul {
  display: flex;
  justify-content: space-between;
}

.pl_link {
  position: relative;
  z-index: 0;
}

.pl_link li {
  background: #fff;
  border-radius: 10px;
  width: 245px;
  height: 150px;
  position: relative;
  box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
  transition: .3s ease-out;
}

.pl_link li:hover {
  background: #f5f5f5;
  transition: background-color .3s ease-out;
}

.pl_link_cate {
  width: 125px !important;
}

li.pl_link_cate p {
  padding: 50px 15px 0px 15px;
}

.pl_link_cate:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10px;
  height: 7.2px;
  background: url(/usr/file/attachment/smbc_p_link_cate_arrow.png) no-repeat;
  background-size: contain;
}

.faqlink_01,
.faqlink_02 {
  display: block;
  margin: 43px 20px 0;
}

.faqlink_01,
.faqlink_02 {
  position: absolute;
  bottom: 29px;
  left: 0;
  right: 0;
}

.pl_link img {
  display: block;
  margin: 30px auto 20px;
  text-align: center;
}

.pl_link a {
  text-decoration: none;
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #004832;
}

.pl_bg {
  width: 100%;
  margin: 0 -500%;
  padding: 0 500%;
  height: 147px;
  background: #E2EFBC;
  position: absolute;
  z-index: -1;
  bottom: -48px;
  overflow: hidden;
}

/* ------------------------------
  注目のFAQ
  ------------------------------ */
/* 注目のFAQ調整 */
.okw_parts_pickup_faq {
  position: static;
  height: auto;
  border: none;
  border-bottom: none;
}


/* カテゴリーから探すパーツ　画面サイズごとに設定 */

@media screen and (min-width: 1025px) {

  /* ------------------------------
  カテゴリーから探す（カスタムパーツ）
  ------------------------------ */

  /* カテゴリー一覧 */
  .cate_icon_link img {
    transform: scale(0.5, 0.5);
  }

  .cate_small {
    display: block !important;
  }

  .cateList {
    position: relative;
  }

  .accordion_btn {
    display: none;
  }

  a.cate_icon_link {
    display: flex;
    height: 89px;
    align-items: center;
    justify-content: center;
  }

  .cate_middle {
    font-size: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: transparent;
    display: block;
  }

  .okw_parts_category .cate_middle a:hover {
    text-decoration: underline;
  }

  .cate_small {
    padding: 32px 20px 21px;
    font-size: 85%;
    height: auto !important;
  }

  .cate_icon {
    float: none;
    margin-right: 0px;
  }

  .cateList_box {
    margin: 10px 10px;
    display: flex;
  }

  /* カテゴリー 一覧 4列分対応 */

  .cateList_3line {
    width: 376px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 38px;
    border: 1px solid #D5DEDB;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px;
  }

  .cateList_3line:nth-child(3n) {
    margin-right: 0px;
  }

  .cateList_2line {
    width: 578px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 38px;
    border: 1px solid #D5DEDB;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px;
  }

  .cateList_2line:nth-child(2n) {
    margin-right: 0px;
  }

  /* カテゴリー 一覧 4列分対応 ここまで*/

  .cate_small span {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    position: relative;
  }

  .cate_small li {
    display: block;
    padding: 0px 10px 0px 20px;
    word-wrap: break-word;
    word-break: break-all;
    position: relative;
  }

  .cate_small li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    margin: auto;
    width: 8px;
    height: 13px;
    background: url(/usr/file/attachment/smbc_catesmall_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  span.cateSepa {
    display: none;
  }
}



/* ------------------------------
  フッター上各種ボタン（カスタムパーツ）
  ------------------------------ */

.okw_parts_usr_27 {
  margin-top: 35px;
}

#category_index .okw_parts_usr_27 .Link_button_cate,
#category_index .okw_parts_usr_27 .Link_button_top {
  display: none;
}

ul.Link_button {
  display: flex;
  justify-content: center;
}

.Link_button li {
  width: 342px;
  height: 51px;
  margin: 0 14px;
  font-weight: bold;
}

.Link_button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #004831;
  border-radius: 5px;
}

.Link_button a:hover {
  opacity: .5;
  transition: all 0.2s;
  text-decoration: none;
}

/* ------------------------------
  文字サイズボタン
  ------------------------------ */
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
  width: 31px;
  height: 31px;
  float: left;
  text-indent: -99998px;
  overflow: hidden;
  margin: 5px 0 0 10px;
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

/* 大 */
body.lang_size_large,
.lang_size_large textarea,
.lang_size_large .keyword_frm,
.lang_size_large .cate_middle {
  font-size: 150%;
  /* 文字サイズ */
}

/* 小 */
body.lang_size_small,
.lang_size_small textarea,
.lang_size_small .keyword_frm,
.lang_size_small .cate_middle {
  font-size: 87.5%;
  /* 文字サイズ */
}

li.okw_txt {
  /*font-size: 14px;*/
  font-size: 87.5%;
  float: left;
  margin-right: 4px;
  margin-top: 7px;
  line-height: 31px;
}

/* 大 */
body.lang_size_large,
.lang_size_large textarea,
.lang_size_large .keyword_frm,
.lang_size_large .cate_middle {
  font-size: 115%;
  /* 文字サイズ */
}

/* 小 */
body.lang_size_small,
.lang_size_small textarea,
.lang_size_small .keyword_frm,
.lang_size_small .cate_middle {
  font-size: 80%;
  /* 文字サイズ */
}

/* 大 */
li.fntBig {
  background-image: url("/usr/file/attachment/smbc_font_L_off.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/* 中 */
li.fntMid {
  background-image: url("/usr/file/attachment/smbc_font_M_off.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/* 小 */
li.fntSml {
  background-image: url("/usr/file/attachment/smbc_font_S_off.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/* 大 ホバー・アクティブ */
li.fntBig:hover,
li.fntBigOn {
  background-image: url("/usr/file/attachment/smbc_font_L_on.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/* 中 ホバー・アクティブ */
li.fntMid:hover,
li.fntMidOn {
  background-image: url("/usr/file/attachment/smbc_font_M_on.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/* 小 ホバー・アクティブ */
li.fntSml:hover,
li.fntSmlOn {
  background-image: url("/usr/file/attachment/smbc_font_S_on.png");
  /* 背景画像 */
  background-size: contain;
  transition: all 0.2s;
}

/*FAQ TOP 終わり---------------------------------------------------*/

/*カテゴリーページ（中間ページ）---------------------------------------------------*/

/* サブカテゴリー一覧ボタン */
.okw_parts_sub_category {
  text-align: center;
  margin-top: 80px;
}

.okw_parts_sub_category .cateList_area {
  flex-wrap: wrap;
  margin: 20px 0px;
}

.okw_parts_sub_category .cateList_box {
  margin: 0px;
  display: inline-block;
}

.okw_parts_sub_category .cateList:hover {
  background: #E2EFBC;
  transition: all 0.2s;
}

.okw_parts_sub_category .cateList {
  width: auto;
  min-width: 130px !important;
  border-radius: 30px;
  margin: 10px 10px;
  padding: 0px;
  display: inline-block;
  transition: all 0.2s;
}

.okw_parts_sub_category .cate_middle a {
  display: block;
  padding: 10px;
}

.okw_parts_sub_category .cate_small {
  display: none !Important;
}

.cate_middle a:hover {
  text-decoration: none;
}


/* カテゴリー内FAQ一覧 */

.okw_main_category {
  width: 970px;
  max-width: 100%;
  margin: 0 auto;
}

.pg_col_top {
  display: none;
}

.okw_main_category .ttl_col h2 {
  text-align: center;
  margin: 40px 0px 10px;
  font-size: 120%;
}

.search_list {
  margin-bottom: 4px;
  width: 100%;
}

.search_list_bg1,
.search_list_bg2 {
  padding: 0px;
  background: none;
}

.icoQ_sml {
  background: none;
  padding: 0px 10px 0 30px;
  margin: 40px 0 20px 0;
  position: relative;
}

.icoQ_sml a {
  font-size: 130%;
  font-weight: bold;
  position: relative;
}

.icoQ_sml a:before {
  content: "";
  position: absolute;
  background: url(/usr/file/attachment/smbc_Qico.png) no-repeat;
  width: 20px;
  height: 27px;
  background-size: contain;
  display: inline-block;
  font-size: 160%;
  left: -30px;
  top: 5px;
}

.icoA_sml {
  background: none;
  position: relative;
  padding: 0 10px 0 32px;
  margin-bottom: 36px;
}

.search_list_inner {
  border-bottom: 1px solid #D5DEDB;
  position: relative;
}

li.search_list_inner:hover {
  background-color: #fff;
}

.search_dateNo li {
  font-size: 12px;
  margin: 0 10px 0 0px;
  color: #999;
  display: none;
}

.faq_list_show_detail {
  margin: 5px 0px;
  position: relative;
  display: block;
  font-size: 100%;
}

a.faq_list_show_detail:after {
  content: "";
  width: 7px;
  height: 11px;
  background: url(/usr/file/attachment/smbc_cate_search_list_arrow.png);
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 65px;
  top: 6px;
}

p.pg_no.flo_l {
  display: none;
}

/* ページネーション */
.pagination {
  float: none;
  font-size: 100%;
  text-align: center;
  margin: 0 auto;
  white-space: nowrap;
}

.pagination .current {
  padding: 0;
  display: inline-block;
  background: #00462D;
  color: #fff;
  font-size: 140%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px 5px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  font-style: normal;
}

.pagination a {
  padding: 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #00462D;
  color: #00462D;
  font-size: 140%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px 5px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  font-style: normal;
}

.previous_page+a {
  padding: 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #00462D;
  color: #00462D;
  font-size: 140%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 10px 5px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  font-style: normal;
}

.pagination a.next_page,
.pagination a.previous_page {
  display: inline-block;
  border: 1px solid #00462D;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
  background-size: 12px;
  font-size: 140%;
  text-indent: -9999px;
  margin: 10px 5px !important;
  padding: 0px !important;
}

.previous_page {
  display: inline-block;
  border: 1px solid #00462D;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  margin: 10px 5px !important;
  background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
  background-size: 12px;
  font-size: 140%;
  transform: scale(-1, 1);
  text-indent: -9999px;
  padding: 0px !important;
}

.pagination span.disabled {
  display: none;
}

.pagination a:hover {
  color: #fff;
  background: #01462d;
  text-decoration: none;
}

.pagination a.next_page:hover,
.pagination a.previous_page:hover {
  text-decoration: none;
  background: #01462d url(/usr/file/attachment/smbc_next_page_r_arrow_w.png) no-repeat scroll center center;
  width: 40px;
  height: 40px;
  background-size: 12px;
}

span.previous_page.disabled {
  display: inline-block;
  border: 1px solid #00462D;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
  background-size: 12px;
  font-size: 140%;
  text-indent: -9999px;
  margin: 10px 5px !important;
  padding: 0px !important;
  transform: scale(-1, 1);
}

.pagination span.disabled {
  display: inline-block;
  border: 1px solid #00462D;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
  background-size: 12px;
  font-size: 140%;
  text-indent: -9999px;
  margin: 10px 5px !important;
  padding: 0px !important;
  opacity: 0.5;
}


/* 戻るボタン（カスタムパーツ） */

.oneCol.okw_parts_usr_31 {
  display: block;
  width: 970px;
  margin: 0 auto;
}


.back_button a {
  text-align: center;
  display: inline-block;
  font-size: 95%;
  font-weight: bold;
  padding: 10px 10px 10px 25px;
  background: rgba(0, 70, 45, .1);
  border-radius: 8px;
  position: relative;
}

.back_button a:before {
  content: "";
  width: 7px;
  height: 12px;
  background: url(/usr/file/attachment/smbc_back_botton_arrow.png);
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 16px;
}

/*カテゴリーページ（中間ページ）終わり---------------------------------------------------*/



/*カテゴリーページ（検索結果ページ）---------------------------------------------------*/
.synonyms_kw_area,
.search_target_area {
  display: none;
}

#category_search .okw_main_category .ttl_col {
  border: none;
  height: 12px;
}

#category_search .okw_main_category .ttl_col h2 {
  text-align: center;
  color: #004832;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #9fc71b;
  margin: 80px -115px;
  font-size: 140%;
}

#category_search .search_list {
  margin-bottom: 4px;
  border-top: none;
  width: 100%;
}

.search_word {
  font-weight: bold;
  background: none;
  color: #141D1D;
}

#category_search .icoA_sml {
  background: none;
  position: relative;
  /*padding: 0 10px 0 50px;*/
  padding: 0 10px 0 3em;
  margin-bottom: 36px;
}

#category_search .icoA_sml:before {
  content: "…";
  display: inline-block;
  position: absolute;
  /*left: 32px;*/
  /*top: 6px;*/
  left: 2.0em;
  top: 0.3em;
}

@media screen and (max-width: 480.98px) {
  #category_search .icoA_sml:before {
    left: 2.3em;
  }
}

/*カテゴリーページ（検索結果ページ）終わり---------------------------------------------------*/



/*FAQ 表示 ページ---------------------------------------------------*/

/* 通常FAQ */

.okw_main_faq {
  width: 100%;
  margin: 0 auto;
  margin-top: 65px;
}

.faq_qstInf_col .faq_dateNo li.faq_print {
  display: none;
  float: right;
}

.faq_qstInf_col {
  border-bottom: none;
  margin: 0 0 5px;
}

.faq_dateNo {
  float: left;
  margin-right: 5px;
  margin-left: 34px;
}

.faq_qstCont_ttl {
  font-size: 120%;
  color: #004832;
  font-weight: bold;
  padding: 0px 10px 0 30px;
  margin: 0px 0 30px 0;
  position: relative;
}

.faq_qstCont_ttl:before {
  content: "";
  position: absolute;
  background: url(/usr/file/attachment/smbc_Qico.png) no-repeat;
  width: 20px;
  height: 27px;
  background-size: contain;
  display: inline-block;
  font-size: 160%;
  left: 0px;
  top: 5px;
}

.icoQ {
  background: none;
  padding: 0px;
}

.faq_qstCont_col {
  margin: 0px;
  padding: 0px 10px 0 30px;
}

.faq_cate_col {
  margin: 0px;
  font-size: 12px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;

}

.faq_ans_ttl {
  display: none;
}

.faq_ans_col {
  padding: 0px 10px 0px 30px;
  margin-top: 50px;
  border-bottom: none;
  position: relative;
}

.faq_ans_col:before {
  content: "";
  position: absolute;
  background: url(/usr/file/attachment/smbc_Aico.png) no-repeat;
  width: 20px;
  height: 27px;
  background-size: contain;
  display: inline-block;
  font-size: 160%;
  left: 0px;
  top: 5px;
}

.faq_addition_col {
  display: none;
}

.preLink a {
  text-align: center;
  display: inline-block;
  font-size: 105%;
  font-weight: bold;
  padding: 10px 10px 10px 25px;
  background: rgba(0, 70, 45, .1);
  border-radius: 8px;
  position: relative;
}

.preLink a:after {
  content: "";
  width: 7px;
  height: 12px;
  background: url(/usr/file/attachment/smbc_back_botton_arrow.png);
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 16px;
}

/* ウィザードFAQ */
.wzd_qstCont_col {
  background-color: transparent;
  border-left: none;
  padding: 0px 30px;
  margin: 0px;
}

.wzd_qstCont_txt {
  display: block;
  float: none;
}

.selecttxt {
  background: none;
  clear: both;
  color: #00462D;
  font-size: 100%;
  font-weight: bold;
  padding: 0px;

}

.wzd_slct_area {
  background-color: #F3F8F6;
  padding: 35px 35px 35px 35px;
  margin: 10px 30px;
  clear: both;
  overflow: hidden;
}

.wzd_slct_area .chckbx_off {
  background: url(/usr/file/attachment/smbc_Wizard_off.png) no-repeat;
  background-size: 31px;
}

.wzd_slct_area .chckbx_on {
  background: url(/usr/file/attachment/smbc_Wizard_on.png) no-repeat;
  background-size: 31px;
  cursor: pointer;
}

.wzd_slct_area .chckbx_off,
.wzd_slct_area .chckbx_on {
  display: inline-block;
  color: #141D1D;
  padding: 3px 0px 5px 45px;
  margin: 5px 0px;
}

.wzd_bck {
  display: block;
  background: url("/usr/file/attachment/smbc_back_botton_arrow.png") no-repeat 5px 3px;
  float: right;
  background-size: 7px;
  font-size: 70%;
  padding-left: 18px;
  margin-top: 5px;
}


/* アンケート（カスタムパーツ） */
.enquete5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.faq_form_list li input[type="radio"] {
  display: none;
}

.okw_enquete_area {
  background: #FFFFFF;
  border: none;
  width: 100%;
  margin: 75px 0 125px;
  padding: 0;
}

.questioner_ttl,
.questioner_ttl_btn_on {
  text-align: center;
  margin: 0 0 -10px 0px;
  color: #000;
  border-bottom: none;
  font-size: 100%;
  font-weight: bold;
}

.questioner_ttl,
.questioner_ttl_btn_on {
  color: #000;
  border-bottom: none;
}

.questioner_col {
  padding: 10px;
  overflow: hidden;
}

/* 選択肢領域 */
.faq_form_list {
  text-align: center;
  float: none;
  width: auto;
  margin: 0 auto;
  word-break: break-all;
  box-sizing: border-box;
  overflow: hidden;
  display: table;
  position: relative;
}

.faq_form_list li:last-child {
  margin-right: 0;
}

.faq_form_list li input[type="radio"] {
  position: absolute;
  z-index: -1;
}

.faq_form_list li label {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  text-indent: -9999em;
}

/* 設問ボタン1 */
.oo_btn+label,
.oo_btn .checked,
.oo_btn .checked:hover {
  background: url(/usr/file/attachment/smbc_PC_enquete_09.png) no-repeat;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: 1;
  border-radius: 10px;
  box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
}

.oo_btn+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_09.png") no-repeat;
  /*btn_questionnaire01.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: .6;
}

.oo_btn:disabled+label,
.oo_btn:disabled+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_Unselected_01.png") no-repeat;
  /*btn_questionnaire01_disable.png*/
  opacity: .4;
  background-size: contain;
}

.oo_btn:checked+label,
.oo_btn:checked+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_09.png") no-repeat;
  /*btn_questionnaire01.jpg*/
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
}

.oo_btn+.checked,
.oo_btn+.checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_09.png") no-repeat !important;
  /*btn_questionnaire01.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain !important;
  opacity: 1;
}

/* 設問ボタン2 */
.o_btn+label,
.o_btn .checked,
.o_btn .checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_10.png") no-repeat;
  /*btn_questionnaire02.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: 1;
  border-radius: 10px;
  box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
}

.o_btn+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_10.png") no-repeat;
  /*btn_questionnaire02.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: .6;
}

.o_btn:disabled+label,
.o_btn:disabled+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_Unselected_02.png") no-repeat;
  /*btn_questionnaire02_disable.png*/
  opacity: .4;
  background-size: contain;
}

.o_btn:checked+label,
.o_btn:checked+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_10.png") no-repeat;
  /*btn_questionnaire02.jpg*/
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
}

.o_btn+.checked,
.o_btn+.checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_10.png") no-repeat !important;
  /*btn_questionnaire02.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain !important;
  opacity: 1;
}

/* 設問ボタン3 */
.A_btn+label {
  background: url("/usr/file/attachment/smbc_PC_enquete_11.png") no-repeat;
  /*btn_questionnaire03.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: 1;
  border-radius: 10px;
  box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
}

.A_btn+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_11.png") no-repeat;
  /*btn_questionnaire03.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: .6;
}

.A_btn:disabled+label,
.A_btn:disabled+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_Unselected_03.png") no-repeat;
  /*btn_questionnaire03_disable.png*/
  opacity: .4;
  background-size: contain;
}

.A_btn:checked+label,
.A_btn:checked+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_11.png") no-repeat;
  /*btn_questionnaire03.jpg*/
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
}

.A_btn+.checked,
.A_btn+.checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_11.png") no-repeat !important;
  /*btn_questionnaire03.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain !important;
  opacity: 1;
}

/* 設問ボタン4 */
.x_btn+label,
.x_btn .checked,
.x_btn .checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_12.png") no-repeat;
  /*btn_questionnaire04.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: 1;
  border-radius: 10px;
  box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
}

.x_btn+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_12.png") no-repeat;
  /*btn_questionnaire04.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
  opacity: .6;
}

.x_btn:disabled+label,
.x_btn:disabled+label:hover {
  cursor: default;
  background: url("/usr/file/attachment/smbc_PC_enquete_Unselected_04.png") no-repeat;
  /*btn_questionnaire04_disable.png*/
  opacity: .4;
  background-size: contain;
}

.x_btn:checked+label,
.x_btn:checked+label:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_12.png") no-repeat;
  /*btn_questionnaire04.jpg*/
  opacity: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain;
}

.x_btn+.checked,
.x_btn+.checked:hover {
  background: url("/usr/file/attachment/smbc_PC_enquete_12.png") no-repeat !important;
  /*btn_questionnaire04.jpg*/
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-size: contain !important;
  opacity: 1;
}

/* テキストエリア領域 */
.questioner_txt {
  margin: 0 auto;
  background-color: #F9F9F9;
  border-color: #D5DEDB;
  border-width: 1px;
  border-radius: 5px;
  box-sizing: border-box;
  height: 89px;
  width: 591px;
  padding: 10px;
}

.questioner_txt_col {
  width: 591px;
  margin: 0 auto;
  text-align: left;
  display: none;

  resize: vertical;
  box-sizing: border-box;
}

/* テキストエリア上メッセージ */
.okw_enquete_area .questioner_sub_msg {
  color: #000;
  font-size: 100%;
  font-weight: bold;
  text-align: center !important;
  display: block;
  margin-bottom: 10px;
}

.questioner_sub_sub_msg {
  color: #444 !important;
}

/* テキストエリア下メッセージ */
.questioner_description {
  font-size: 75% !important;
  color: #000;
  display: block;
  text-align: left;
  margin-top: 10px;
}

.okw_enquete_area .faq_form_list {
  margin: 0 auto;
  padding-bottom: 1px;
}

.okw_enquete_area .faq_form_list li {
  display: block;
  width: 107px;
  height: 95px;
  float: left;
  padding: 30px 27px 45px 27px;
}

.faq_form_list {
  text-align: center;
  width: auto;
  float: none;
  margin: 0 auto;
  word-break: break-all;
  box-sizing: border-box;
  overflow: hidden;
  display: table;
  position: relative;
}

.colArea {
  z-index: 0 !important;
}

input#enquete_form_button {
  position: static;
  display: block;
  margin: 20px auto;
}

.questioner_submit_btn {
  width: 200px;
  height: auto;
  margin: 20px auto 0;
}



.questioner_submit_btn {
  width: 200px;
  height: auto;
  margin: 20px auto 0;
}

.questioner_btn {
  width: 200px;
  height: 48px;
  background: #00462D;
  color: #fff;
  font-size: 100%;
  border-radius: 40px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 12px 15px 0 rgba(81, 127, 111, 0.16);
}

.questioner_btn:hover {
  width: 200px;
  height: 48px;
  background: #00462D;
  color: #fff;
  font-size: 100%;
  border-radius: 40px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 12px 15px 0 rgba(81, 127, 111, 0.16);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 12px 15px 0 rgba(81, 127, 111, 0.16);
  opacity: .5;
}

.questioner_btn:disabled {
  width: 200px;
  height: 48px;
  background: #fff;
  color: #00462D;
  font-size: 100%;
  border-radius: 40px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 12px 15px 0 rgba(81, 127, 111, 0.16);
  opacity: .5;
}

.questioner_btn:disabled:hover {
  background: #fff;
  color: #00462D;
  opacity: .5;
}

/* ありがとうございました画像 */
.okw_enquete_area.complete {
  background: #fff url(/usr/file/attachment/smbc_PC_enquete_end.png)no-repeat center;
  height: 150px;
  background-size: contain;
}

/* 関連するFAQ */
.faq_relate_list li.Q_sml {
  background: none;
  padding: 15px 30px 15px 0px;
  border-bottom: 1px solid #d7e6dd;
  position: relative;
}

.faq_relate_list li.Q_sml:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  align-items: center;
  width: 6px;
  height: 11px;
  background: url(/usr/file/attachment/smbc_faq_list_arrow.png);
  background-size: contain;

}


/* ------------------------------
  カードローンご相談・お申し込み（カスタムパーツ）
  ------------------------------ */
.okw_parts_usr_25 p {
  text-align: center;
  font-weight: bold;
}

/* 1025px-1241px以上 FAQ 表示ページ 終わり----------------------------------------------------- */



/* =========================== 1024px-768px以上 =========================== */

/* FAQ TOP ----------------------------------------------------- */
@media screen and (max-width: 1024.98px) and (min-width: 768px) {
  #okw_contents_base {
    margin: 0 auto;
    position: relative;
  }

  /*--------------------------------------------
  1024px フッター（OKWAVE）
  ---------------------------------------------*/


  #okw_logo_footer {
    text-align: center;
    float: none;
    display: block;
    max-width: 1024px;
    margin: 0 auto;
  }


  /* ------------------------------
  困ったときは（カスタムパーツ）
  ------------------------------ */


  h1.pl_ttl {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
  }

  .page_link_ttl p {
    text-align: center;
    margin: 0px 0 40px 0;
  }

  .pl_link ul {
    display: flex;
    justify-content: space-between;
  }

  .pl_link li {
    background: #fff;
    border-radius: 10px;
    width: 20%;
    height: 150px;
    position: relative;
    box-shadow: 0 7px 35px 0 rgba(81, 127, 111, .16);
    transition: .3s ease-out;
  }

  .pl_link li:hover {
    background: #f5f5f5;
    transition: background-color .3s ease-out;
  }

  .pl_link_cate {
    width: 13% !important;
  }

  .pl_link img {
    display: block;

    margin: 30px auto 20px;
    text-align: center;
  }

  .pl_link a {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    bottom: 0px;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #004832;
  }

  .pl_bg {
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
    height: 147px;
    background: #E2EFBC;
    position: absolute;
    z-index: -1;
    bottom: -48px;
    overflow: hidden;
  }

  .faqlink_01,
  .faqlink_02 {
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
  }

  .faqlink_01,
  .faqlink_02 {
    display: block;
    margin: 43px 30px 0;
  }

  /* ------------------------------
  カテゴリーから探す（カスタムパーツ）
  ------------------------------ */

  /* カテゴリー一覧 */
  .cate_icon_link img {
    transform: scale(0.5, 0.5);
  }

  .cate_small {
    display: block !important;
  }

  .cateList {
    position: relative;
  }

  .accordion_btn {
    display: none;
  }

  a.cate_icon_link {
    display: flex;
    height: 89px;
    align-items: center;
    justify-content: center;
  }

  .cate_middle {
    font-size: 100%;
    text-align: center;
    padding: 0px;
  }

  .cate_small {
    padding: 32px 20px 21px;
    font-size: 85%;
    height: auto !important;
  }

  .cate_icon {
    float: none;
    margin-right: 0px;
  }

  .cateList_box {
    margin: 10px 10px;
    display: flex;
  }

  /* カテゴリー 一覧 4列分対応 */

  .cateList_3line {
    width: 305px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 38px;
    border: 1px solid #D5DEDB;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px;
  }

  .cateList_3line:nth-child(3n) {
    margin-right: 0px;
  }

  .cateList_2line {
    width: 470px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 38px;
    border: 1px solid #D5DEDB;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px;
  }

  .cateList_2line:nth-child(2n) {
    margin-right: 0px;
  }

  /* カテゴリー 一覧 4列分対応 ここまで*/


  .cate_small span {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    position: relative;
  }

  .cate_small li {
    display: block;
    padding: 0px 10px 0px 20px;
    word-wrap: break-word;
    word-break: break-all;
    position: relative;
  }

  .cate_small li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 6px;
    margin: auto;
    width: 8px;
    height: 13px;
    background: url(/usr/file/attachment/smbc_catesmall_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  span.cateSepa {
    display: none;
  }

  /* 1024px-768px FAQ TOP 終わり--------------------------------- */

  /* 1024px-768px 中間ページ（検索結果）--------------------------------- */

  #category_search .okw_main_category .ttl_col h2 {
    text-align: center;
    color: #004832;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #9fc71b;
    margin: 80px 0px;
    font-size: 140%;
  }

  /* 1024px-768px 中間ページ（検索結果）終わり--------------------------------- */
}



/* =========================== 767px以下 ====================== */

/* FAQ TOP ----------------------------------------------------- */
@media screen and (max-width: 767.98px) {

  /*全体-----------------------------------------------------------------*/
  #okw_contents_base {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
  }

  /* ページTOPへ非表示 */
  .topLink {
    display: none;
  }

  /* 文字サイズ変更非表示 */
  li.okw_txt {
    display: none;
  }

  li.fntSml,
  li.fntMidOn,
  li.fntBig {
    display: none;
  }

  /* 文字サイズ上の余白 */
  #okw_sub_header {
    margin-bottom: 5px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 10px auto 0;
    padding: 20px 0 0 0;
    position: relative;
  }

  #okw_contents {
    color: #505050;
  }

  /* 2カラム幅 */
  .twoCol {
    width: 48%;
  }

  /* パンクズリストリンク */
  .okw_bread {
    display: none;
    padding-top: 5px;
  }

  /* 戻るリンク*/
  .preLink {
    background: none;
  }

  /* ログインパーツ非表示*/
  div#login_user_name {
    display: none;
  }

  /* ------------------------------
  個人・法人リンク（カスタムパーツ）
  ------------------------------ */
  #fontCol {
    white-space: nowrap;
    line-height: 22px;
    align-items: center;
    float: none;
    display: block;
    width: 100%;
  }

  .ko_ho_link_wrapper {
    position: absolute;
    width: 100%;
    bottom: -43px;
    left: 0;
  }

  .ko_ho_link_contents ul {
    display: flex;
    margin-right: 0px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  }

  li.ko_ho_button {
    width: 50%;
    font-weight: bold;
    padding-top: 15px;
    margin-right: 0px !Important;
  }

  .ko_ho_button a {
    display: block;
    height: 100%;
  }



  /* ------------------------------
      よくあるご質問タイトル（カスタムパーツ）
      ------------------------------ */
  .okw_parts_usr_21 .ttl_col {
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    position: absolute;
    top: -62px;
    width: 100%;
  }

  #category_search .okw_parts_usr_21 .ttl_bg {
    margin-top: 60px;
  }

  .okw_parts_usr_21 .ttl_bg {
    font-size: 130%;
    text-align: left;
    padding: 0 0 10px;
    color: #004832;
    font-weight: bold;
  }

  /* ------------------------------
      見出し
      ------------------------------ */
  /* コンテンツ共通 */


  .okw_parts_faq_relations .ttl_bg,

  .okw_parts_sub_category .ttl_bg {
    text-align: center;
    color: #004832;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #9fc71b;
  }

  .okw_parts_search .ttl_bg,
  .okw_parts_category .ttl_bg {
    text-align: center;
    color: #004832;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #9fc71b;
  }

  /* お気に入りFAQ/注目FAQ */

  .okw_parts_pickup_faq .ttl_bg {
    text-align: center;
    color: #004832;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #9fc71b;
  }

  /* 見出しテキストサイズ */
  .ttl_col h2 {
    font-size: 140%;
    font-weight: bold;
  }

  /* お気に入りFAQ一覧/注目のFAQ一覧ページ 調整 */
  .icoFavorite,
  .icoPickup {
    float: none;
  }

  /* お気に入りFAQ一覧/注目のFAQ一覧ページ 調整 */
  .okw_parts_favorite_faq .list,
  .okw_parts_pickup_faq .list,
  .okw_parts_mypage_list .list {
    display: none;
  }

  /* ------------------------------
      パーツごとの下余白調整
      ------------------------------ */

  .okw_parts_category {
    margin-bottom: 40px;
  }

  /* ------------------------------
      QAアイコン
      ------------------------------ */
  .faqList li.Q_sml {
    background: none;
    background-size: 35px 35px;

  }

  .faqList li {
    padding: 10px 0 10px 42px;
    margin-bottom: 0px;
    word-break: break-all;
    word-wrap: break-word;
  }

  /* ------------------------------
      FAQリスト
      ------------------------------ */
  .faqList li.Q_sml {
    background: none;
    padding: 15px 30px 15px 0px;
    border-bottom: 1px solid #d7e6dd;
    position: relative;
  }

  /* ------------------------------
      困ったときは（カスタムパーツ）
      ------------------------------ */
  .okw_parts_usr_30 {
    /* margin-bottom: 110px; */
    margin: 30px 15px 48px;
  }



  .page_link_contents {
    width: 100%;
  }

  h1.pl_ttl {
    font-size: 160%;
    font-weight: bold;
    text-align: center;
  }

  .page_link_ttl p {
    font-size: 90%;
    text-align: center;
    margin: 7px 0 18px 0;
  }

  .pl_link ul {
    margin: 0 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .pl_link li {
    background: #fff;
    border-radius: 15px;
    flex-basis: calc(50% - 11px);
    flex-wrap: wrap;
    height: 122px;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0 7px 35px 0 rgb(81 127 111 / 16%);
    transition: .3s ease-out;
  }

  .pl_link li:hover {
    background: #f5f5f5;
    transition: background-color .3s ease-out;
  }

  .faqlink_01 {
    position: static;
    bottom: 0px;
    padding: 0px 33px 10px;
    margin: 0px;
    left: 0;
    line-height: 20px;
    right: 0;
  }

  .faqlink_02 {
    position: absolute;
    bottom: 0px;
    padding: 0px 16px 8px;
    line-height: 20px;
    margin: 0px;
    left: 0;
    right: 0;
  }

  .pl_link img {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .image_box {
    margin: 0 auto;
    padding: 15px 10px 10px 10px;
  }

  .pl_link a {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    bottom: 0px;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #004832;
  }

  .pl_link .pl_link_cate {
    order: 5;
    flex-basis: calc(70% - 15px);
    height: auto;
    margin: 0 auto;
    padding: 15px 0px 30px;
    box-shadow: 0 14px 12px 0 rgba(20 29 29 / 8%);
  }

  .pl_link_cate:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 13px;
    height: 7.2px;
    background: url(/usr/file/attachment/smbc_SP_top_cate_arrow.png) no-repeat;
    background-size: contain;
  }

  .pl_link_cate p {
    display: block;
    margin: 0px;
  }

  li.pl_link_cate p {
    padding: 0px 15px 0px 15px;
  }

  .pl_bg {
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
    height: 80%;
    background: #E2EFBC;
    position: absolute;
    z-index: -1;
    bottom: 30px;
    overflow: hidden;
  }

  /* ------------------------------
      検索エリア
      ------------------------------ */

  .okw_parts_search {
    text-align: center;
    margin: 64px -5px 0;
  }

  /* 検索タイトル非表示 */
  .okw_parts_search .ttl_bg {
    display: none;
  }

  /* 検索エリア背景 */
  .okw_parts_search .search_frmArea {
    background: #fff;
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }

  /* 検索自然文ボタン */

  .search_frmArea .keyword_frmbtn {
    background: #004832;
    width: 68px;
    height: 48px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0px 0 #6c887f;
  }

  /* 文章で検索ボタン */
  .search_frmArea .n_keyword_frmbtn {
    background: #004832;
    width: 68px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 0px;
  }

  /* キーワード入力部分 */
  .keyword_frm {
    width: calc(100% - 74px);
    height: 50px;
    margin-right: 6px;
    border-width: 2px;
    border-color: #D5DEDB;
    border-style: solid;
    border-radius: 5px;
    line-height: 2;
    font-size: 14px;
    padding-left: 50px;
    box-sizing: border-box;
  }

  /* 検索ヘルプボタン ポップアップ */
  .search_frmArea .keyword_helpbtn_popup {
    font-size: 80%;
    padding: 7px;
    border: none;
    background-color: #014832;
    border-radius: 5px;
    z-index: 99999;
    position: absolute;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    box-shadow: 0 7px 15px 0 rgba(81, 127, 111, .3);
  }

  /* 検索結果文字強調 */
  .search_word {
    font-weight: bold;
    padding: 5px;
  }

  /* 単語検索文章 余白調整 */
  .search_description {
    font-size: 80%;
    color: #788883;
    margin: 3px 0;
    text-align: left;
  }

  .search_frmArea .keyword_helpbtn {
    display: none;
    background: url(../images/front/icon_question.png) no-repeat;
    height: 20px;
    width: 20px;
    position: relative;
    top: 6px;
    right: 7px;
    background-size: contain;
    margin-left: 8px;
  }

  /*  注釈非表示 */
  .search_description {
    display: none !important;
  }

  /*  SP検索サジェスト */
  .search_suggest {
    text-align: left;
    padding: 10px 5px;
    color: #788883;
    position: absolute;
    background-color: #fbfbfb;
    border: 1px solid #d5dedb;
    border-radius: 5px;
    max-height: 100px;
    min-height: 25px;
    overflow: auto;
    left: 0px;
    width: 70%;
    margin-top: 0px;
    top: 0;
  }

  /* ------------------------------
      カテゴリーから探す
      ------------------------------ */

  /* カテゴリーから探すタイトル margin-bottom個別設定 */
  .okw_parts_category .ttl_bg {
    margin-bottom: 18px;
  }

  .cate_small {
    height: auto;
    display: block;
    font-size: 90%;
    padding: 20px 0px 20px 30px;
    border-top: 1px solid rgb(238, 238, 238);
  }

  .cate_small li {
    display: block;
    padding: 0px 10px 0px 0px;
    word-break: break-all;
    position: relative;
  }


  .cate_small span {
    line-height: 30px;
  }

  .cateList_box {
    margin: 0px;
  }

  .cate_middle {
    display: flex;
    align-items: center;
  }

  .okw_parts_category .cate_middle a {
    margin-right: 35px;
  }

  .okw_parts_category .cateList_box .cate_middle {
    min-height: 72px;
  }

  .cateList {
    width: 100%;
    position: relative;
    margin: 10px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  a.cate_icon_link {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 40px;
    min-height: 72px;
    margin: 0px 20px 0px 20px;
  }

  /* IE11でのflex対応用 */
  _:-ms-lang(x)::-ms-backdrop,
  a.cate_icon_link {

    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 40px;
    height: 72px;
    margin: 0px 20px 0px 20px;
  }

  .okw_parts_category .cateList_box .cate_middle {
    height: 72px;
  }


  .cate_icon {
    float: left;
    width: 40px;
    margin: 0px;
  }

  .accordion_btn {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 72px;
    width: 28px;
    cursor: pointer;
  }

  .accordion_btn::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
    width: 15px;
    height: 8px;
    background: url(/usr/file/attachment/smbc_SP_cate_down.png);
    background-size: 15px 8px;
  }

  .accordion_btn.active::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
    width: 15px;
    height: 8px;
    background: url(/usr/file/attachment/smbc_SP_cate_up.png);
    background-size: 15px 8px;
  }

  .accordion_btn.active {
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    width: 28px;
    min-height: 72px;
    cursor: pointer;
  }

  /* フッター上_各種ボタン */
  #faq_show .okw_parts_usr_27 {
    margin-top: 0px;
  }

  .okw_parts_usr_27 {
    margin-top: 0px;
  }

  ul.Link_button {
    display: block;
    position: relative;
  }



  .Link_button li {
    margin: 25px auto 0px;
    width: 100%;
    height: 51px;
    font-weight: bold;
  }

  /* SP TOP お問い合わせボタン余白調整 */
  #category_index .Link_button li {
    width: 100%;
    height: 51px;
    margin: 0 auto;
    font-weight: bold;
  }

  /* SP FAQ TOP 終わり----------------------------------------------------- */

  /* SP 中間ページ（カテゴリー一覧）---------------------------------------------*/

  .okw_main_category {
    width: 100%;
    margin: 0 auto;
  }

  .okw_main_category .ttl_col h2 {
    text-align: center;
    margin: 84px 0px 0px;
    font-size: 140%;
    color: #004831;
  }

  .okw_parts_sub_category {

    text-align: left;
    margin-top: 80px;
  }

  .okw_parts_sub_category .cate_middle a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    text-align: center;
  }

  .okw_main_category .ttl_col {
    border-bottom: 2px solid #A0C81E;
    margin: 0 0 25px;
    padding: 0px 0 10px;
  }

  #category_show .okw_parts_usr_31 {
    display: none;
    width: 970px;
    margin: -55px auto 80px;
  }

  #category_show .okw_parts_usr_27 {
    margin-top: 70px;
  }

  /* SP 中間ページ（カテゴリー一覧）終わり---------------------------------------------*/

  /* SP 中間ページ（検索結果）---------------------------------------------*/
  /* 検索結果タイトル */

  #category_search .okw_main_category .ttl_col {
    border-bottom: 2px solid #A0C81E;
    margin: 28px 0 25px;
    padding: 0px 0 10px;
    height: auto;
  }

  #category_search .okw_main_category .ttl_col h2 {
    color: #004832;
  }

  #category_search .okw_main_category .ttl_col h2 {
    text-align: center;
    color: #004832;
    padding: 0px;
    margin: 0px;
    border-bottom: none;
  }

  #category_search .icoA_sml {
    background: none;
    position: relative;
    padding: 0 10px 0 50px;
    margin-bottom: 16px;
  }

  .oneCol.okw_parts_usr_31 {
    display: none;
  }

  /*  SPページネーション */
  .pagination a {
    display: none
  }

  .previous_page,
  .prev {
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pagination .current {
    display: none;
  }

  .pagination a.next_page,
  .pagination a.previous_page {
    display: inline-block;
    border: 1px solid #00462D;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 50px;
    background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
    background-size: 12px;
    font-size: 140%;
    text-indent: -9999px;
    margin: 10px 10px !important;
    padding: 0px !important;
  }

  .pagination span.disabled {
    display: inline-block;
    border: 1px solid #00462D;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 50px;
    background: url(/usr/file/attachment/smbc_next_page_r_arrow.png) no-repeat center;
    background-size: 12px;
    font-size: 140%;
    text-indent: -9999px;
    margin: 10px 10px !important;
    padding: 0px;
    opacity: 0.5;
  }

  /* SP 中間ページ（検索結果）終わり---------------------------------------------*/
  /* SP FAQ 表示ページ -----------------------------------------------------*/

  /* FAQ表示ページ上部の余白調整 */
  .okw_main_faq {
    width: 100%;
    margin: 0 auto;
    margin-top: 55px;
  }

  .faq_qstInf_col {
    border-bottom: none;
    margin: 0px 0 25px;
  }

  .faq_dateNo {
    float: left;
    margin-right: 5px;
    margin-left: 0px;
  }

  .faq_qstCont_ttl {
    font-size: 100%;
    color: #004832;
    font-weight: bold;
    padding: 0px 10px 0 30px;
    margin: 0px 0 15px 0;
    position: relative;
  }

  .faq_cate_col {
    margin: 0px;
    font-size: 80%;
    padding: 0px;
    border: none;
    background-color: #fff;
  }

  .faq_ans_col {
    padding: 0px 10px 0px 30px;
    margin-top: 20px;
    margin-bottom: -50px;
    border-bottom: none;
    position: relative;
  }

  .icoQ_sml {
    background: none;
    padding: 0px 10px 0 30px;
    margin: 10px 0 10px 0;
    position: relative;
  }

  .icoQ_sml a {
    font-size: 95%;
    font-weight: bold;
    position: relative;
  }

  .icoA_sml {
    background: none;
    position: relative;
    padding: 0 10px 0 32px;
    margin-bottom: 16px;
  }

  .faq_list_show_detail {
    margin: 5px 0px;
    position: relative;
    display: block;
    font-size: 110%;
  }

  a.faq_list_show_detail:after {
    content: "";
    width: 7px;
    height: 11px;
    background: url(/usr/file/attachment/smbc_cate_search_list_arrow.png);
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 70px;
    top: 6px;
  }

  /* ウィザードFAQ */
  .wzd_slct_area {
    background-color: #F3F8F6;
    padding: 20px;
    margin: 10px -20px 20px;
    clear: both;
    overflow: hidden;
  }

  .wzd_bck {
    display: block;
    background: url(/usr/file/attachment/smbc_back_botton_arrow.png) no-repeat 5px 3px;
    float: right;
    background-size: 7px;
    font-size: 70%;
    padding-left: 18px;
    margin-top: 5px;
    margin-right: -20px;
  }


  /* 戻るボタン非表示 */
  ul.siteLink {
    display: none;
  }

  /* SPカードローンのお申し込み（カスタムパーツ） */
  .oneCol.okw_parts_usr_25 {
    display: block;
    margin-top: 70px;
    width: calc(100% - 40px);
    margin: 90px 20px 60px;
  }

  .okw_parts_usr_25 p {
    text-align: center;
    font-weight: bold;
    font-size: 90%;
  }

  /*SPアンケート（カスタムパーツ） */


  #okw_contents_base {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    background: none;
    position: relative;
  }

  .enquete5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .okw_enquete_area {
    background: #FFFFFF;
    border: none;
    width: 100%;
    margin: 43px 0 27px;
    padding: 0;
  }

  .questioner_ttl,
  .questioner_ttl_btn_on {
    text-align: center;
    margin: 0 0 -10px 0px;
    color: #000;
    border-bottom: none;
    font-size: 80%;
    font-weight: bold;
  }

  .faq_form_list li input[type="radio"] {
    display: none;
  }

  .questioner_ttl,
  .questioner_ttl_btn_on {
    color: #000;
    font-weight: bold;
    border-bottom: none;
  }

  .questioner_col {
    padding: 20px 15px 20px;
    overflow: hidden;
  }

  /* 選択肢領域 */
  .faq_form_list {
    text-align: center;
    float: none;
    width: auto;
    margin: 0 auto;
    word-break: break-all;
    box-sizing: border-box;
    overflow: hidden;
    display: table;
    position: relative;
  }

  .faq_form_list li:last-child {
    margin-right: 0;
  }

  .faq_form_list li input[type="radio"] {
    position: absolute;
    z-index: -1;
  }

  .faq_form_list li label {
    width: 100%;
    height: 100%;
    margin: 5px;
    display: block;
    cursor: pointer;
    text-indent: -9999em;
  }

  /* 設問ボタン1 */
  .oo_btn+label,
  .oo_btn .checked,
  .oo_btn .checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_09.png") no-repeat center;
    /*btn_questionnaire01_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: 1;
  }

  .oo_btn+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_09.png") no-repeat center;
    /*btn_questionnaire01_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: .6;
  }

  .oo_btn:disabled+label,
  .oo_btn:disabled+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_Unselected_01.png") no-repeat center;
    /*btn_questionnaire01_disable.png*/
    opacity: .4;
    background-size: contain;
  }

  .oo_btn:checked+label,
  .oo_btn:checked+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_09.png") no-repeat;
    /*btn_questionnaire01_sp.jpg*/
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
  }

  .oo_btn+.checked,
  .oo_btn+.checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_09.png") no-repeat center !important;
    /*btn_questionnaire01.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  /* 設問ボタン2 */
  .o_btn+label,
  .o_btn .checked,
  .o_btn .checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_10.png") no-repeat center;
    /*btn_questionnaire02_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  .o_btn+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_10.png") no-repeat center;
    /*btn_questionnaire02_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: .6;
  }

  .o_btn:disabled+label,
  .o_btn:disabled+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_Unselected_02.png") no-repeat center;
    /*btn_questionnaire02_sp_disable.png*/
    opacity: .4;
    background-size: contain;
  }

  .o_btn:checked+label,
  .o_btn:checked+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_10.png") no-repeat center;
    /*btn_questionnaire02_sp.jpg*/
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
  }

  .o_btn+.checked,
  .o_btn+.checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_10.png") no-repeat center !important;
    /*btn_questionnaire02_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  /* 設問ボタン3 */
  .A_btn+label {
    background: url("/usr/file/attachment/smbc_SP_enquete_11.png") no-repeat center;
    /*btn_questionnaire03.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: 1;
  }

  .A_btn+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_11.png") no-repeat center;
    /*btn_questionnaire03_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: .6;
  }

  .A_btn:disabled+label,
  .A_btn:disabled+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_Unselected_03.png") no-repeat center;
    /*btn_questionnaire03_sp_disable.png*/
    opacity: .4;
    background-size: contain;
  }

  .A_btn:checked+label,
  .A_btn:checked+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_11.png") no-repeat center;
    /*btn_questionnaire03_sp.jpg*/
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
  }

  .A_btn+.checked,
  .A_btn+.checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_11.png") no-repeat center !important;
    /*btn_questionnaire03_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  /* 設問ボタン4 */
  .x_btn+label,
  .x_btn .checked,
  .x_btn .checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_12.png") no-repeat center;
    /*btn_questionnaire04_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  .x_btn+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_12.png") no-repeat center;
    /*btn_questionnaire04_sp.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain;
    opacity: .6;
  }

  .x_btn:disabled+label,
  .x_btn:disabled+label:hover {
    cursor: default;
    background: url("/usr/file/attachment/smbc_SP_enquete_Unselected_04.png") no-repeat center;
    /*btn_questionnaire04_sp_disable.png*/
    opacity: .4;
    background-size: contain;
  }

  .x_btn:checked+label,
  .x_btn:checked+label:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_12.png") no-repeat center;
    /*btn_questionnaire04_sp.jpg*/
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
  }

  .x_btn+.checked,
  .x_btn+.checked:hover {
    background: url("/usr/file/attachment/smbc_SP_enquete_12.png") no-repeat center !important;
    /*btn_questionnaire04.jpg*/
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-size: contain !important;
    opacity: 1;
  }

  /* テキストエリア領域 */
  .questioner_txt {
    width: calc(100% + 30px);
    margin: 0 -15px;
    background-color: #F9F9F9;
    border-color: #D5DEDB;
    border-width: 1px;
    box-sizing: border-box;
    height: 90px;
    border-radius: 5px;
  }

  .questioner_txt_col {
    width: 100%;
    margin: 0px;
    text-align: left;
    display: none;
    font-size: 105% !important;
    resize: vertical;
    box-sizing: border-box;
  }

  /* テキストエリア上メッセージ */
  .okw_enquete_area .questioner_sub_msg {
    color: #000;
    text-align: center !important;
    display: block;
    width: calc(100% + 30px);
    margin: 18px -15px 10px;
    font-size: 78%;
    font-weight: bold;
  }

  .questioner_sub_sub_msg {
    color: #444 !important;
  }

  /* テキストエリア下メッセージ */
  .questioner_description {
    width: calc(100% + 30px);
    margin: 5px -15px;
    font-size: 70% !important;
    color: #000;
    display: block;
    text-align: left;
  }

  .okw_enquete_area .faq_form_list {
    margin: 0 auto;
    overflow: inherit;
  }

  .okw_enquete_area .faq_form_list li {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 60px;
    border-radius: 5px;
    align-items: center;
    padding: 0px;
    margin: 10px 0;
  }

  .faq_form_list {
    text-align: center;
    width: 100%;
    float: none;
    margin: 0 auto;
    word-break: break-all;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    position: relative;
    flex-wrap: wrap;
  }

  .colArea {
    z-index: 0 !important;
  }

  input#enquete_form_button {
    position: static;
  }

  /* ありがとうございました画像 */
  .okw_enquete_area.complete {
    background: #fff url(/usr/file/attachment/smbc_SP_enquete_end.png)no-repeat center;
    height: 250px;
    background-size: contain;
  }

  /* FAQ 表示ページ 終わり-----------------------------------------------------*/

  /* SPフッターロゴ調整 */
  #okw_footer_default {
    height: 22px;
    margin: 44px 0 0px;
    padding: 0px;
  }

  #okw_logo_footer {
    text-align: center;
    float: none;
    display: block;
    height: 22px;
  }

  #okw_logo_footer.logo_footer a {
    background: transparent url(/usr/file/attachment/pksha_communication_horizontal.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 18px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
  }

  /* SMBCフッター調整 */
  #footer-content {
    margin-top: 96px;
    margin-bottom: 0px;
    background: #f3f8f6;
  }

  #footer-content .footer-logo>.inner {
    display: block;
    /* justify-content: space-between; */
    /* align-items: center; */
    width: calc(100% - 70px);
    text-align: center;
    margin: 0 35px;
    height: 60px;
    padding: 10px 0px;
    background: #004831;
  }

  div#footer-area {
    margin: -65px 0 0;
  }

  #footer-content .footer-logo>.inner {
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    width: calc(100% - 70px);
    text-align: center;
    margin: 0 35px;
    height: 60px;
    padding: 10px 0px;
    background: #004831;
  }

  #footer-content .footer-logo .copy {
    padding: 10px;
    font-size: .9rem;
    color: #fff;
  }

}


/*2021.03.05修正-----------------------------------------------*/
/*「？」アイコンを削除*/
.search_frmArea .keyword_helpbtn {
  display: none;
}

/*faq種別を削除*/
.search_faq_type {
  display: none;
}

/*  注釈表示 */
.search_description {
  /*display: block!important;*/
}

/*  困ったときは アイコン調整 */
.faqlink_01, .faqlink_02 {
  line-height: 1.3;
}

@media screen and (min-width: 1025px) {
  .faqlink_01, .faqlink_02 {
    margin: 0 10px;
    bottom: 25px;
  }

  .pl_link img {
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.lang_size_large .pl_link_faq:nth-of-type(4) .faqlink_02 {
    bottom: 0;
    top: 95px;
  }
}

@media screen and (max-width: 1024.98px) and (min-width: 768px) {
  .pl_link img {
    margin: 0 auto;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}


/*カテゴリー検索*/
.okw_parts_category {
  padding: 67px 0 0 0;
}

.okw_parts_category .ttl_bg {
  margin-bottom: 53px;
}

@media screen and (max-width: 767.98px) {
  .okw_parts_category {
    padding: 31px 0 0 0;
  }

  .okw_parts_category .ttl_bg {
    margin-bottom: 18px;
  }
}


/*詳細表示*/
@media screen and (min-width: 768px) {
  a.faq_list_show_detail:after {
    top: 7px;
  }

  body.lang_size_small a.faq_list_show_detail:after {
    left: 50px;
    top: 4px;
  }

  body.lang_size_large a.faq_list_show_detail:after {
    left: 73px;
    top: 8px;
  }
}

@media screen and (max-width: 767.98px) {

  a.faq_list_show_detail:after,
  body.lang_size_small a.faq_list_show_detail:after,
  body.lang_size_large a.faq_list_show_detail:after {
    left: 70px;
    top: 7px;
  }
}


/*Listタブ---*/
.icoResult {
  color: #004832;
}

@media screen and (min-width: 768px) {
  #category_show .okw_main_category .ttl_col h2 {
    font-size: 170%;
    margin-bottom: 0;
  }

  #category_show .okw_main_category .ttl_col {
    padding: 0 0 10px;
  }
}

/*件数表示＆戻る位置*/
/*@media screen and (min-width: 768px) {
    .pagination {
      text-align: right;
    }
    #category_show .okw_parts_usr_31 {
      display: inline-block;
      width: auto;
      position: relative;
      left: 115px;
      top: -75px;
    }
  }*/
@media screen and (max-width: 767.98px) {
  #category_show .okw_parts_usr_27 {
    margin-top: 0px;
  }

  .pg_col_down {
    margin: 0 0 10px;
  }

  .search_list_inner:last-child {
    margin: 0 0 25px;
  }

  .pagination span.disabled,
  .pagination a.next_page,
  .pagination a.previous_page {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }
}



/*ヘッダークリック*/
@media screen and (max-width: 767.98px) {
  .header-inner {
    position: relative;
    z-index: 1;
  }
}



/*FAQコンテンツ---*/
.faq_qstCont_ttl:before {
  top: 0px;
}

.faq_ans_col:before {
  top: 2px;
}

@media screen and (min-width: 768px) {

  .lang_size_large .faq_qstCont_ttl:before {
    top: 4px;
  }

  .lang_size_large .faq_ans_col:before {
    top: 3px;
  }

  .lang_size_small .faq_ans_col:before {
    top: 0px;
  }
}

.selecttxt {
  display: none;
}

@media screen and (min-width: 768px) {
  .okw_parts_faq_relations .ttl_col h2 {
    font-size: 175%;
  }
}


@media screen and (max-width: 767.98px) {
  .oneCol.okw_parts_usr_25 {
    margin: 0px 20px 60px;
    padding-top: 30px;
  }

  .faq_ans_col {
    margin-bottom: 0px;
  }

}

/*ウィザードチェック画像調整*/
@media screen and (min-width: 768px) {

  body.lang_size_small .wzd_slct_area .chckbx_off,
  body.lang_size_small .wzd_slct_area .chckbx_on {
    padding: 5px 0px 7px 45px;
  }
}


/*パンくず*/
.okw_bread li {
  padding-top: 6px;
}

body.lang_size_large .okw_bread li {
  padding-top: 5px;
}

/*p.paragraph {
      color: #004832;
      font-weight: bold;
      padding: 0 0 10px;
  }*/


/*デバック---*/

/*検索ボタンの位置ずれSafari*/
_::-webkit-full-page-media, _:future, :root .okw_parts_search .search_frmArea {
  width: 712px;
}

/*大中小*/
#fontCol>li>a {
  display: block;
  width: 31px;
  height: 31px;
}

@media screen and (max-width: 767.98px) {
  #fontCol {
    display: none;
  }
}

/*Qアイコン位置*/
@media screen and (min-width: 768px) {
  .icoQ_sml a:before {
    top: 8px;
  }

  body.lang_size_small .icoQ_sml a:before {
    top: 3px;
  }

  body.lang_size_large .icoQ_sml a:before {
    top: 10px;
  }
}

@media screen and (max-width: 767.98px) {
  .icoQ_sml a:before {
    top: 2px;
  }
}

/*【件数表示】有無による行間余白*/
@media screen and (min-width: 768px) {
  .cate_small span {
    padding: 0px 10px;
  }

  .cate_small li {
    line-height: 1.9;
  }
}

@media screen and (max-width: 767.98px) {
  span.cate_count {
    display: inline-block;
    line-height: 1.4;
  }

  .cate_small li {
    line-height: 2.1;
  }
}


/* SP時の大中小調整------------------ */
@media screen and (max-width: 767.98px) {

  .faqlink_01,
  .faqlink_02,
  li.pl_link_cate p {
    font-size: 15px;
  }

  body.lang_size_large,
  .lang_size_large textarea,
  .lang_size_large .keyword_frm,
  .lang_size_large .cate_middle,
  body.lang_size_small,
  .lang_size_small textarea,
  .lang_size_small .keyword_frm,
  .lang_size_small .cate_middle {
    font-size: 100%;
  }
}

/*iPhone5時調整*/
@media screen and (max-width: 359.98px) {

  .faqlink_01,
  .faqlink_02 {
    font-size: 13px;
  }

  .faqlink_01 {
    padding: 0px 20px 10px;
  }

  .faqlink_02 {
    bottom: 4px;
    padding: 0 4px 4px !important;
    letter-spacing: -1px;
  }

  li.pl_link_cate p {
    font-size: 15px;
    padding: 0 5px;
  }

  /*アンケート送信ボタンずれ*/
  .questioner_submit_btn {
    width: auto;
  }
}

/* SP時の大中小調整終わり------------------ */


/* SP時「困ったときは」------------------ */
/*改行*/
.faqlink_02 br {
  display: none;
}

@media screen and (max-width: 767.98px) {

  /*改行*/
  .faqlink_02 br {
    display: block;
  }

  .okw_parts_usr_30 {
    margin: 0px 0px 48px;
  }

  .page_link_ttl p {
    margin: 0px -20px 13px;
    font-size: 80%;
  }

  li.pl_link_faq:nth-of-type(2),
  li.pl_link_faq:nth-of-type(3) {
    height: 103px;
    margin-bottom: 15px;
  }

  li.pl_link_faq:nth-of-type(4),
  li.pl_link_faq:nth-of-type(5) {
    height: 103px;
    margin-bottom: 15px;
  }

  .faqlink_01 {
    padding: 0;
    position: absolute;
    top: 58px;
  }

  .faqlink_02 {
    padding: 0 !important;
    position: absolute;
    top: 58px;
  }

  .image_box {
    padding: 10px 0 0;
  }

  li.pl_link_faq:nth-of-type(3) .image_box {
    padding-top: 16px;
  }

  li.pl_link_faq:nth-of-type(2) .image_box img {
    height: 44px;
    width: auto;
    position: relative;
    top: 1px;
  }

  li.pl_link_faq:nth-of-type(3) .image_box img {
    height: 34px;
    width: auto;
    position: relative;
    top: -2px;
  }

  li.pl_link_faq:nth-of-type(4) .image_box img {
    height: 40px;
    width: auto;
    position: relative;
    top: 0;
  }

  li.pl_link_faq:nth-of-type(5) .image_box img {
    height: 43px;
    width: auto;
    position: relative;
    top: -3px;
  }

  .pl_link .pl_link_cate {
    flex-basis: 100%;
    padding: 6px 0px 25px;
  }

  .pl_link .pl_link_cate p {
    font-size: 18px;
    line-height: 1;
  }

  .pl_link_cate:after {
    bottom: 11px;
  }

}


/* SP時「困ったときは」終わり------------------ */

/*よくあるご質問見出し*/
@media screen and (max-width: 767.98px) {
  .okw_parts_usr_21 .ttl_bg {
    margin-top: 62px;
  }

  .ko_ho_link_wrapper {
    bottom: -28px;
  }

  li.ko_ho_button {
    padding-top: 0;
    height: 35px;
  }

  .ko_ho_button a {
    line-height: 35px;
  }

  .okw_parts_search {
    margin: 44px -5px 0;
  }

}


/*指定文字サイズを解除*/
#faq_answer_contents * {
  font-size: unset !important;
}


/*FAQ詳細ページカテゴリー回り追加修正*/
@media screen and (max-width: 767.98px) {

  .faq_qstCont_col{
      display: none;
    }
  .faq_cate_col dd a:not(:last-child), .faq_cate_col dd span {
    display: none;
  }

  .faq_cate_col {
    display: table;
  }

  .faq_cate_col dt, .faq_cate_col dd, .faq_cate_col dd a {
    float: none;
    display: table-cell;
  }

  .faq_cate_col dt {
    width: 77px;
  }

}

/*---------コピーライト調整--------------------*/
#footer-content .footer-logo .copy {
  font-size: 12px;
}

#okw_footer_default {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  #okw_logo_footer {
    width: 1200px;
  }

  #footer-content .footer-pageTop>.inner {
    padding: 0;
    min-width: 1200px;
  }

  .footer-logo {
    position: relative;
    top: -4px;
  }

  #footer-content .footer-logo>.inner {
    box-sizing: border-box;
    width: 1280px;
  }

  #footer-content .footer-logo .logo {
    padding: 7px 0 3px;
  }

}

@media screen and (max-width: 767.98px) {
  #footer-content .footer-logo .logo {
    padding: 7px 0 3px;
  }

  #footer-content .footer-logo .logo img {
    width: 86px;
    height: auto;
  }

  #footer-content .footer-logo>.inner {
    padding: 15px 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }

  #footer-content .footer-logo .copy {
    margin: 10px 18px 0;
    padding: 0;
  }
}

@media screen and (max-width: 1024.98px) and (min-width: 768px) {
  #okw_logo_footer {
    width: 984px;
  }

  #footer-content .footer-pageTop>.inner {
    min-width: 984px;
    padding: 0;
  }

  #footer-content .footer-logo>.inner {
    width: 1024px;
  }

  #footer-content .footer-logo>.inner {
    padding-left: 8px;
    padding-right: 8px;
  }

}

/*---------SPキーワード検索調整--------------------*/
@media screen and (max-width: 767.98px) {
  #category_index .okw_parts_search {
    width: 100%;
    margin: 44px 0px 0;
    max-width: calc(100vw - 40px);
  }

  form#keyword_form {
    width: 100%;
    max-width: calc(100vw - 40px);
  }
}

main {
  width: 1000px;
  margin: 0 auto;
}

/*-----------------------
  partslist
  -----------------------*/
/*-----------------------
  codeparts
  -----------------------*/
.fn-show-code {
  margin: 1em 0;
  background-color: #F5F5F5;
  color: #030;
  font-size: 14px;
  font-weight: bold;
}

.fn-show-btn {
  display: inline-block;
  margin: 0.5em 0;
  font-weight: bold;
}

.fn-show-btn:hover {
  cursor: pointer;
}

._bg-green02 {
  background: #c4d700;
}

/*-----------------------
  common
  -----------------------*/
#faq_answer_contents .partsWrap {
  margin-top: 80px;
}

#faq_answer_contents .partsTtl {
  font-size: 28px !important;
  font-weight: bold;

}

#faq_answer_contents .partsSmallHead {
  margin-top: 40px;
  font-size: 20px !important;
  font-weight: bold;
}

#faq_answer_contents .partsMostSmallHead {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px !important;
  font-weight: bold;
}

#faq_answer_contents .descList {
  margin-top: 8px;
}

#faq_answer_contents descList li {
  padding-left: 16px;
  font-size: 16px !important;
  text-indent: -16px;
}

#faq_answer_contents .descTxt {
  margin-top: 8px;
  font-size: 16px !important;
}

#faq_answer_contents ol li {
  list-style: none;
}

#faq_answer_contents .mt00 {
  margin-top: 0 !important;
}

#faq_answer_contents .mt24 {
  margin-top: 24px !important;
}

/*-----------------------
  link
  -----------------------*/
#faq_answer_contents [class *="btnPratsWrap0"] {
  margin-top: 30px;
}

#faq_answer_contents [class *="btnPratsWrap0"] .leadTxt {
  margin-top: 9px;
  font-size: 16px !important;
  text-align: center;
}

#faq_answer_contents [class *="btnPratsWrap0"] .topBtnTxt {
  margin-top: 9px;
  font-size: 14px !important;
  font-weight: bold;
  color: #E95501;
  text-align: center;
}

#faq_answer_contents .btnPratsWrap02 .topBtnTxt {
  color: #141D1D;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont {
  width: 400px;
  margin: 9px auto 20px;
}

#faq_answer_contents [class *="btnPratsWrap0"] p:first-child {
  margin-top: 0;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a {
  display: inline-flex;
  width: 100%;
  min-height: 48px;
  padding: 3px 20px;
  font-size: 16px !important;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  border-radius: 3.65em;
  box-sizing: border-box;
  box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.16);
  transition: .3s;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a:hover {
  transition: .3s;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a.orangeBtn01 {
  background-color: #FF5F04;
  color: #fff;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a.orangeBtn01:hover {
  background-color: #E95501;
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a.whiteBtn01 {
  background-color: #fff;
  color: #004831;
  box-shadow: 0 0 4px 0 rgba(20,29,29,.05), 0 12px 14px 0 rgba(20,29,29,.08);
}

#faq_answer_contents [class *="btnPratsWrap0"] .btnCont a.whiteBtn01:hover {
  background-color: #f5f5f5;
}

#faq_answer_contents .link {
  margin-top: 12px;
}

#faq_answer_contents a {
  position: relative;
  color: #004831;
}

#faq_answer_contents .iconLink {
  font-weight: bold;
  text-decoration: none;
}

#faq_answer_contents .textLink {
  text-decoration: underline;
}

#faq_answer_contents .ankLink {
  font-weight: bold;
  text-decoration: none;
}

#faq_answer_contents .dummyContent {
  font-size: 24px !important;
  font-weight: bold;
  color: #004831;
}

#faq_answer_contents .pdfLink .pdfIcon {
  vertical-align: text-top;
}

#faq_answer_contents .blankLink .blankIco {
  display: inline-block;
  width: 22px;
  padding-left: 6px;
  vertical-align: middle;
}

#faq_answer_contents .blankLink .blankIco img {
  width: 100%;
}

#faq_answer_contents .ankLink .ankIco {
  display: inline-block;
  width: 16px;
  padding-right: 8px;
  vertical-align: middle;
}

#faq_answer_contents .ankLink .ankIco img {
  width: 100%;
}

@media screen and (max-width: 767.98px) {
  #faq_answer_contents [class *="btnPratsWrap0"] .btnCont {
    width: 100%;
    max-width: 500px;
  }

  #faq_answer_contents [class *="btnPratsWrap0"] .btnCont a {
    padding: 3px calc(3.65em / 2);
  }
}
@media screen and (max-width: 414.98px) {
  #faq_answer_contents [class *="btnPratsWrap0"] .btnCont a {
    font-size: 3.86vw !important;
  }
}
@media screen and (max-width: 360.98px) {
  #faq_answer_contents [class *="btnPratsWrap0"] .btnCont a {
    padding: 3px 6vw;
  }
}

/*-----------------------
  accordion
  -----------------------*/
#faq_answer_contents .accCont {
  margin-top: 20px;
  background-color: #fff;
  border: 1px solid #D5DEDB;
  border-radius: 8px;
}

#faq_answer_contents .accCont .accTtl {
  float: none !important;
  position: relative;
  padding: 12px 35px 11px 16px;
  font-size: 16px !important;
  font-weight: bold;
  border-radius: 8px;
  transition: .3s;
}

#faq_answer_contents .accCont .accTtl::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 17px;
  margin-top: -9.5px;
  background-image: url("/usr/file/attachment/icon_arrow.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  transition: .3s
}

#faq_answer_contents .accCont .accTtl.open::after {
  transform: rotate(180deg);
  transition: .3s
}

#faq_answer_contents .accCont .accTtl:hover {
  cursor: pointer;
  background-color: #f5f5f5;
  transition: .3s;
}

#faq_answer_contents .accCont .accMainCont {
  display: none;
  margin-left: 0;
  padding: 16px;
  border-top: 1px solid #D5DEDB;
}

#faq_answer_contents .accCont .accMainCont.open {
  display: block;
}

#faq_answer_contents .accCont .accMainCont .contWrap .accTtl01 {
  margin-top: 20px;
}

#faq_answer_contents .accCont .accMainCont .contWrap .accTtl01:first-child {
  margin-top: 0;
}

/*-----------------------
  table
  -----------------------*/
#faq_answer_contents .tableCont {
  display: inline-block;
  max-width: 100%;
  margin-top: 20px;
}
#faq_answer_contents .tableCont .tableScroll,
#faq_answer_contents .tableCont .tableType02 {
  margin-top: 0;
}

#faq_answer_contents .tableConHead {
  margin-top: 15px;
  font-weight: bold;
}

#faq_answer_contents .tableDesc {
  margin-top: 15px;
  font-size: 16px !important;
  font-weight: bold;
}

#faq_answer_contents [class *="tableType0"] {
  width: max-content;
  border: 1px solid #D5DEDB;
  border-top: none;
  border-left: none;
  border-collapse: collapse;
}

#faq_answer_contents [class *="tableType0"] .header,
#faq_answer_contents [class *="tableType0"] .date {
  min-width: 120px;
  max-width: 208px;
  padding: 5px 15px;
  border-right: 1px solid #D5DEDB;
  border-bottom: 2px solid #D5DEDB;
  font-size: 16px !important;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}

#faq_answer_contents [class *="tableType0"] .header.smallCell,
#faq_answer_contents [class *="tableType0"] .date.smallCell {
  max-width: 208px;
  min-width: 80px;
}

#faq_answer_contents [class *="tableType0"] .header {
  background-color: #F3F8F6;
  font-weight: bold;
  color: #56635F;
}

#faq_answer_contents [class *="tableType0"] .date {
  background-color: #fff;
}

#faq_answer_contents [class *="tableType0"] .date.numCell {
  text-align: right;
}

#faq_answer_contents [class *="tableType0"] .header.greenHead {
  background-color: #4D7F6F;
  color: #fff;
}

#faq_answer_contents .tableScroll {
  width: fit-content;
  max-width: 100%;
  max-height: 300px;
  margin-top: 20px;
  border-top: 1px solid #D5DEDB;
  border-left: 1px solid #D5DEDB;
  overflow: scroll;
}

#faq_answer_contents .tableScroll.verticalScroll {
  overflow-x: hidden;
}

#faq_answer_contents .tableScroll.besideScroll {
  max-height: none;
  overflow-y: hidden;
}

#faq_answer_contents [class *="tableScroll"]::-webkit-scrollbar {
  position: absolute;
  width: 12px;
  height: 12px;
}

#faq_answer_contents [class *="tableScroll"]::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

#faq_answer_contents [class *="tableScroll"]::-webkit-scrollbar-thumb {
  background-color: #004831;
  border: 5px solid transparent;
  border-radius: 30px;
}

#faq_answer_contents .fixCell01,
#faq_answer_contents .fixCell02 {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}

#faq_answer_contents .fixCell01.header {
  border-bottom: none;
}

#faq_answer_contents .fixCell01.header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D5DEDB;
}

#faq_answer_contents .fixCell02.header {
  border-right: none;
}

#faq_answer_contents .fixCell02.header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #D5DEDB;
}

#faq_answer_contents .fixCell01.fixCell02 {
  z-index: 20;
}

#faq_answer_contents .spOnlyTxt {
  display: none;
}

#faq_answer_contents .tableScroll02 {
  width: 100%;
}

#faq_answer_contents .tableType02 {
  margin-top: 20px;
}

#faq_answer_contents .tableType02 .headingCell,
#faq_answer_contents .tableType02 .nomalCell {
  padding: 15px;
  border: 1px solid #b3c8c1;
  text-align: center;
  vertical-align: middle;
}

#faq_answer_contents .tableType02 .headingCell.heading01 {
  background-color: #F3F8F6;
}

#faq_answer_contents .tableType02 .headingCell.heading02 {
  background-color: #4D7F6F;
  color: #fff;
}

@media screen and (max-width: 767.98px) {

  #faq_answer_contents [class *="tableType0"] .header,
  #faq_answer_contents [class *="tableType0"] .date {
    max-width: 144px;
    min-width: 144px;
  }

  #faq_answer_contents .tableScroll {
    margin-top: 8px;
  }

  #faq_answer_contents .tableScroll.verticalScroll {
    overflow-x: scroll;
  }

  #faq_answer_contents .spOnlyTxt {
    display: block;
    margin-top: 15px;
    padding-left: 12px;
    font-size: 12px !important;
    text-indent: -12px;
  }

  #faq_answer_contents .tableScroll02 {
    overflow-x: scroll;
  }
}

/*-----------------------
  list
  -----------------------*/
#faq_answer_contents [class *="listNum0"] .item {
  position: relative;
  margin-top: 3px;
  padding-left: calc(1em + 5px) !important;
  font-size: 16px !important;
}

#faq_answer_contents .listNum02.asteriskNum .item {
  padding-left: calc(2em + 5px) !important;
}

#faq_answer_contents .listNum02.example .item {
  padding-left: 2.5em !important;
}

#faq_answer_contents .listNum02.exampleNum .item {
  padding-left: calc(2.5em + 5px) !important;
}

#faq_answer_contents .listNum02.itemName {
  display: flex;
}

#faq_answer_contents .listNum02.itemName .mark {
  white-space: pre;
}

#faq_answer_contents .listNum02.itemName .txt {
  margin-left: 13px !important;
}

#faq_answer_contents .listNum02.itemName02 .mark,
#faq_answer_contents .listNum02.itemName02 .txt {
  font-size: 14px !important;
}

#faq_answer_contents [class *="listNum0"] .item .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  text-align: center;
}

#faq_answer_contents [class *="listNum0"] .item .mark.shape {
  top: 1px;
  left: 2px;
  font-size: 10px !important;
  color: #56635F;
}

#faq_answer_contents .numMarkGreen {
  display: inline-block;
  width: 1.7em !important;
  height: 1.7em;
  background-color: #C4D700;
  text-align: center;
  font-size: 0.75em !important;
  border-radius: 50%;
}

#faq_answer_contents .numMarkWhite {
  display: inline-block;
  width: 1.8em  !important;
  height: 1.8em;
  background-color: #fff;
  border: 1px solid #141D1D;
  text-align: center;
  font-size: 0.75em !important;
  border-radius: 50%;
  box-sizing: border-box;
}

#faq_answer_contents [class *="listNum0"].asteriskNum .item .mark {
  width: 2.5em;
}

#faq_answer_contents .listNum02.example .item .mark,
#faq_answer_contents .listNum02.exampleNum .item .mark {
  width: 3em;
}

#faq_answer_contents [class *="listNum0"] .childList {
  padding-left: 1.5em;
}

#faq_answer_contents .listNum02.example .item,
#faq_answer_contents .listNum02.exampleNum .item {
  font-size: 14px !important;
}

#faq_answer_contents [class *="listSqr0"] .item {
  position: relative;
  padding-left: 1em;
}

#faq_answer_contents [class *="listSqr0"] .item::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: 0;
  width: .5em;
  height: .5em;
  background: #505050;
}

#faq_answer_contents [class *="listSqr0"] .childList {
  padding-left: 1.5em;
}

/*-----------------------
  heading
  -----------------------*/
#faq_answer_contents .headingWrap {
  margin-bottom: 15px;
}

#faq_answer_contents h2.title {
  border-bottom: 3px solid #C4D700;
}

#faq_answer_contents h2.title .inner {
  font-size: 20px !important;
  font-weight: bold;
  color: #004831;
}

#faq_answer_contents h3.title .inner {
  font-size: 20px !important;
  font-weight: bold;
  color: #004831;
}

#faq_answer_contents h4.title .inner {
  font-size: 16px !important;
  font-weight: bold;
}

#faq_answer_contents h5.title .inner {
  font-size: 16px !important;
}

/*-----------------------
  accTtl
  -----------------------*/
#faq_answer_contents .accTtl01 {
  font-size: 20px !important;
  font-weight: bold;
  color: #004831;
}

#faq_answer_contents .accTtl02 {
  margin-top: 20px;
  font-size: 16px !important;
  font-weight: bold;
}

/*-----------------------
  telNum
  -----------------------*/
/*modal*/
#faq_answer_contents .mdlBtn {
  width: 311px;
  margin: 20px auto;
}

#faq_answer_contents .mdlBtn a {
  display: inline-block;
  width: 100%;
  padding: 12px 0 11px;
  font-size: 16px !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 3.65em;
  box-shadow: 0 0 4px 0 rgba(20,29,29,.05), 0 12px 14px 0 rgba(20,29,29,.08);;
  transition: .3s;
}

#faq_answer_contents .mdlBtn a:hover {
  opacity: 0.7;
  transition: .3s;
}

#faq_answer_contents .mdlBg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 200vw;
  background-color: #000;
  opacity: 0.6;
  z-index: 10;
}

#faq_answer_contents .mdlContent {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90vw;
  max-width: 650px;
  height: 85vh;
  padding: 24px;
  background-color: #fff;
  border-radius: 10px;
  z-index: 20;
  box-sizing: border-box;
}

#faq_answer_contents .mdlContent .mdlTtlWrap {
  position: relative;
  height: 40px;
}

#faq_answer_contents .mdlContent .mdlTtl {
  font-size: 22px !important;
  font-weight: bold;
}

#faq_answer_contents .mdlContent .mdlTtlWrap .closeShape {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 32px;
  height: 32px;
}

#faq_answer_contents .mdlContent .mdlTtlWrap .closeShape .mdlClose {
  width: 100%;
  height: 100%;
  transition: .3s;
}

#faq_answer_contents .mdlContent .mdlTtlWrap .closeShape .mdlClose:hover {
  opacity: 0.7;
  transition: .3s;
}

#faq_answer_contents .mdlContent .scrollWrap {
  overflow-y: scroll;
  padding: 10px 0;
}

#faq_answer_contents .mdlContent .scrollWrap::-webkit-scrollbar {
  margin-top: 5px;
  margin-left: 5px;
  width: 10px;
  height: 10px;
}

#faq_answer_contents .mdlContent .scrollWrap::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

#faq_answer_contents .mdlContent .scrollWrap::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #004831;
  border: 5px solid transparent;
  border-radius: 30px;
}

#faq_answer_contents .mdlContent .mdlInr [class *="mdlParagraph0"] [class *="listNum0"] .item {
  margin-top: 0;
}

#faq_answer_contents .mdlContent .mdlInr .accCont .accTtl {
  color: #004831;
}

#faq_answer_contents .mdlContent .mdlInr .boldTxt {
  margin-top: 8px;
  font-size: 16px !important;
  font-weight: bold;
}

#faq_answer_contents .mdlContent .mdlInr .nomalTxt {
  margin: 15px 0 0;
  font-size: 16px !important;
}

#faq_answer_contents .mdlContent .mdlInr .greenTxt {
  color: #004831;
}

#faq_answer_contents .mdlContent .mdlInr .grayTxt {
  color: #788883;
}

#faq_answer_contents .mdlContent .mdlInr .largeTxt {
  font-size: 20px !important;
}

#faq_answer_contents .mdlContent .mdlInr .areaTxt {
  padding-right: 15px;
}

#faq_answer_contents .mdlContent .mdlInr .caseTel {
  display: flex;
  margin-top: 8px;
}

#faq_answer_contents .mdlContent .mdlInr .caseTel li {
  margin-left: 48px;
}

#faq_answer_contents .mdlContent .mdlInr .caseTel li:first-child {
  margin-left: 0;
}

#faq_answer_contents .mdlContent .mdlInr .caseTel .time {
  font-size: 14px !important;
  font-weight: bold;
}

#faq_answer_contents .mdlContent .mdlInr .caseTel .number {
  margin-top: 16px;
  font-size: 16px !important;
  color: #004831;
}

#faq_answer_contents .mdlContent .mdlInr .number .inner {
  padding: 8px;
  background-color: #F3F8F6;
  border-radius: 8px;
}

#faq_answer_contents .mdlContent .mdlInr .subTelNum {
  margin-top: 8px;
  font-size: 16px !important;
}

#faq_answer_contents .mdlContent .mdlInr .subTelNum span {
  padding-left: 16px;
  font-weight: bold;
  color: #004831;
}

#faq_answer_contents .mdlContent .mdlInr .bgColorTxt {
  margin-top: 16px;
}

#faq_answer_contents .mdlContent .mdlInr .bgColorTxt .inner {
  display: inline-block;
  padding: 8px;
  background-color: #F3F8F6;
  border-radius: 8px;
}

#faq_answer_contents .mdlContent .mdlInr [class *="contBoxWrap0"] {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #D5DEDB;
  border-radius: 8px;
}

#faq_answer_contents .mdlContent .mdlInr .contentTtl {
  padding-bottom: 16px;
  border-bottom: 1px solid #D5DEDB;
  font-size: 16px !important;
  font-weight: bold;
}

#faq_answer_contents .mdlContent .mdlInr .mainContent {
  padding-top: 16px;
}

#faq_answer_contents .mdlContent .contentBox {
  padding: 15px;
  border: 2px solid #D5DEDB;
}

#faq_answer_contents .mdlContent .contentBox .areaTxt {
  padding-right: 12px;
}

#faq_answer_contents .mdlContent .closeBtn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 295px;
  height: 50px;
  margin-left: -147.5px;
}

#faq_answer_contents .mdlContent .closeBtn a {
  display: inline-block;
  width: 100%;
  padding: 12px 0 11px;
  border: 1px solid #D5DEDB;
  font-size: 16px !important;
  font-weight: bold;
  color: #004831;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  transition: .3s;
}

#faq_answer_contents .mdlContent .closeBtn a:hover {
  opacity: 0.7;
  transition: .3s;
}

@media screen and (max-width: 767.98px) {
  #faq_answer_contents .mdlBtn {
    width: 90%;
    max-width: 500px;
  }

  #faq_answer_contents .mdlContent .mdlTtlWrap {
    height: 70px;
    padding-right: 30px;
  }

  #faq_answer_contents .mdlContent .closeBtn {
    width: 250px;
    margin-left: -125px;
  }
}

/*-----------------------
  txtColor
  -----------------------*/
#faq_answer_contents .txtBlack01 {
  color: #141D1D;
}

#faq_answer_contents .txtOrange01 {
  color: #E95501;
}

#faq_answer_contents .txtRed01 {
  color: #C83030;
}

#faq_answer_contents .txtBlue01 {
  color: #0082DC;
}

#faq_answer_contents .txtPink01 {
  color: #E1457E;
}

#faq_answer_contents .txtGreen01 {
  color: #004831;
}

#faq_answer_contents .ttlTxt {
  margin-top: 20px;
  font-size: 20px !important;
  font-weight: bold;
}

/*-----------------------
  column
  -----------------------*/
#faq_answer_contents [class *="columnContent0"] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px;
}

#faq_answer_contents [class *="columnContent0"] .columnBox {
  padding: 24px;
}

#faq_answer_contents [class *="columnContent0"] .columnBox .columnContent {
  width: 100%;
}

#faq_answer_contents [class *="columnContent0"] .columnBox .dummyImg {
  width: 100%;
}

#faq_answer_contents .columnContent01 .columnBox {
  width: 43%;
}

#faq_answer_contents .columnContent02 .columnBox {
  width: 25.5%;
}

#faq_answer_contents [class *="columnContent0"] .columnBox.arrowBox {
  position: relative;
}

#faq_answer_contents [class *="columnContent0"] .columnBox.arrowBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -39px;
  width: 20px;
  height: 26px;
  margin-top: -13px;
  background-image: url("/usr/file/attachment/icon_arrow02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

@media screen and (min-width: 768px) and (max-width: 1046.98px) {
  #faq_answer_contents [class *="columnContent0"] .columnBox.arrowBox::before {
    left: -27px;
  }
}

@media screen and (max-width: 767.98px) {
  #faq_answer_contents [class *="columnContent0"] {
    display: block;
  }

  #faq_answer_contents [class *="columnContent0"] .columnBox {
    width: auto;
    margin-top: 36px;
  }

  #faq_answer_contents [class *="columnContent0"] .columnBox.arrowBox::before {
    top: -30px;
    left: 50%;
    margin-top: 0;
    margin-left: -10px;
    transform: rotate(90deg);
  }
}

/*-----------------------
  vertical arrangement
  -----------------------*/
#faq_answer_contents .verticalContentWrap {
  margin-top: 50px;
}

#faq_answer_contents .verticalContentWrap .verticalContent {
  position: relative;
  margin-top: 50px;
}

#faq_answer_contents .verticalContentWrap .verticalContent:first-child {
  margin-top: 0;
}

#faq_answer_contents .verticalContentWrap .verticalContent::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  width: 20px;
  height: 26px;
  margin-left: -10px;
  background-image: url("/usr/file/attachment/icon_arrow02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  transform: rotate(90deg);
}

#faq_answer_contents .verticalContentWrap .verticalContent:first-child::before {
  content: none;
}

/*----------------------------------タブレット対応----------------------------------*/

.okw_parts_usr_38 {
  margin-top: 20px;
  margin-bottom: 110px;
}

/* =========================== 1025px-1180px以上 =========================== */

/* ------------------------------
  困ったときは（カスタムパーツ）
  ------------------------------ */
@media screen and (max-width: 1180.98px) and (min-width: 1025px) {
  li.pl_link_faq {
    width: 220px;
  }
}

/* =========================== 1024px-768px以上 =========================== */

/* FAQ TOP ----------------------------------------------------- */
@media screen and (max-width: 1024.98px) and (min-width: 768px) {

  /* ------------------------------
  困ったときは（カスタムパーツ）
  ------------------------------ */
  .faqlink_01,
  .faqlink_02 {
    display: block;
    margin: 35px 10px;
    font-size: 14px;
  }

  li.pl_link_cate p {
    padding: 50px 10px 0px;
    font-size: 13px;
  }

  .search_frmArea input {
    width: 548px;
  }
}

/* =========================== 768px以上 =========================== */
@media screen and (min-width: 768px) {
  #okw_contents_base {
    width: calc(100% - 80px);
    max-width: 1200px;
  }
}

/* =========================== 767px以下 ====================== */

/* FAQ TOP ----------------------------------------------------- */
@media screen and (max-width: 767.98px) {

  /* ------------------------------
  困ったときは（カスタムパーツ）
  ------------------------------ */
  .okw_parts_usr_38 {
    margin: 0px 0px 48px;
  }
}

/*----------------------------------タブレット対応----------------------------------*/

/*-----------221018以降更新-----------*/
/*全体カテゴリーパーツのアイコン、大カテゴリーのリンク無効化*/
.okw_parts_category a.cate_icon_link, .okw_parts_category .cate_middle a {
  pointer-events: none;
}

@media screen and (max-width: 767.98px) {
  .accordion_btn, .accordion_btn.active {
    width: 100%;
  }
  .cate_icon_link img {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ------------------------------
  movie
------------------------------ */
#TB_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.TB_overlayMacFFBGHack {
  background: url(/usr/file/attachment/bg_movie_01.png) repeat
}

.TB_overlayBG {
  background-color: #000;
  -moz-opacity: .8;
  opacity: .8
}

#TB_window {
  margin: initial !important;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  text-align: left;
  color: #000;
  z-index: 1002;
}

@media screen and (min-width: 568px) and (max-width: 932px) {
    #TB_window {
        width: 480px !important;
    }
}

#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
  border: 1px solid #ccc;
  border-bottom-color: #ccc;
  border-left-color: #666;
  border-top-color: #666
}

#TB_caption {
  height: 25px;
  padding: 7px 30px 10px 25px;
  float: left
}

#TB_closeWindow {
  height: 25px;
  padding: 11px 25px 10px 0;
  float: right
}

#TB_closeAjaxWindow {
  margin-bottom: 5px;
  padding: 0;
  text-align: right
}

#TB_ajaxWindowTitle {
  margin-bottom: 5px;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  float: left
}

#TB_title {
  background: 0 0
}

#TB_ajaxContent {
  padding: 2px 15px 15px 15px;
  overflow: auto;
  text-align: left;
  line-height: 1.4em;
  clear: both
}

#TB_ajaxContent .TB_modal {
  padding: 15px
}

#TB_ajaxContent p {
  padding: 5px 0 5px 0
}

#TB_load {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  z-index: 1003
}

#TB_load img {
  outline: 0
}

#TB_HideSelect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  border: none;
  z-index: 999;
  -moz-opacity: 0;
  opacity: 0
}

#TB_iframeContent {
  border: 0;
  clear: both
}

@media screen and (min-width: 568px) and (max-width: 932px) {
    #TB_iframeContent {
        width: 100% !important;
        height: 270px !important;
    }
}

#pdf {
  width: 950px;
  margin: 0 auto;
  padding: 7px 0 0;
  background-color: #333;
  text-align: right
}

#pdf02 {
  width: 720px;
  margin: 0 auto;
  padding: 7px 0 0;
  background-color: #333;
  text-align: right
}

.thumList, .thumList_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem;
  color: #fff;
  z-index: 9999
}

.thumList dd, .thumList_sp dd {
  margin-bottom: 5px;
  float: left
}

.thumList dd a, .thumList_sp dd a {
  color: #fff
}

.thumList dd {
  width: 33.3%
}

.thumList dd a {
  margin-right: 5px
}

.thumList dd a:first-child {
  margin-left: 10px
}

.thumList_sp {
  width: 80%
}

.thumList_sp dd {
  width: 100%
}

.thumList_sp dd a {
  margin-right: 10px
}

.thumList_sp dd a:first-child {
  margin-left: 20px
}

.thumList01, .thumList01_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem;
  color: #fff;
  z-index: 9999
}

.thumList01 dd, .thumList01_sp dd {
  width: 70%;
  margin-bottom: 5px;
  float: left
}

.thumList01 dd a, .thumList01_sp dd a {
  color: #fff
}

.thumList01 dd {
  width: 70%
}

.thumList01 dd a {
  margin-right: 5px
}

.thumList01 dd a:first-child {
  margin-left: 10px
}

.thumList01_sp {
  width: 80%
}

.thumList01_sp dd {
  width: 100%
}

.thumList01_sp dd a {
  margin-right: 10px
}

.thumList01_sp dd a:first-child {
  margin-left: 20px
}

.thumList02, .thumList02_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem;
  color: #fff;
  z-index: 9999
}

.thumList02 dd, .thumList02_sp dd {
  width: 100%;
  margin-bottom: 5px;
  float: left
}

.thumList02 dd a, .thumList02_sp dd a {
  color: #fff
}

.thumList02 dd a {
  margin-right: 5px
}

.thumList02 dd a:first-child {
  margin-left: 10px
}

.thumList02_sp {
  width: 80%
}

.thumList02_sp dd a {
  margin-right: 10px
}

.thumList02_sp dd a:first-child {
  margin-left: 20px
}

.thumList04, .thumList04_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem;
  color: #fff;
  z-index: 9999
}

.thumList04 dd, .thumList04_sp dd {
  margin-bottom: 5px;
  float: left
}

.thumList04 dd a, .thumList04_sp dd a {
  color: #fff
}

.thumList04 dd {
  width: 33.3%
}

.thumList04 dd a {
  margin-right: 5px
}

.thumList04 dd a:first-child {
  margin-left: 10px
}

.thumList04_sp {
  width: 80%
}

.thumList04_sp dd {
  width: 100%
}

.thumList04_sp dd a {
  margin-right: 10px
}

.thumList04_sp dd a:first-child {
  margin-left: 20px
}
.movieBlock01 {
  border: 0;
}
@media screen and (max-width: 767px) {
  .movieBlock01 {
    width: calc(4.916vw * 16);
    height: calc(4.916vw * 9);
  }
}
/*キーワード検索用の記述追記ここから*/
.search_suggest {
	top: -50px;
	width: 600px;
}
.lang_size_small .search_suggest {
	top: -43px;
}
.lang_size_large .search_suggest {
	top: -56px;
}
.search_frmArea .keyword_mode .keyword_frmbtn {
    background: #004832;
    width: 88px;
    height: 48px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 2px 0px 0 #6c887f;
    transition: all 0.2s;
}
.keyword_mode .search_description {
    font-size: 80%;
	margin-top: 0px !important;
}
@media screen and (max-width: 1024.98px) and (min-width: 768px) {
	.search_suggest {
		width: 536px;
	}
}
@media screen and (max-width: 767.98px) {
	.search_suggest {
		top: -9px;
		width: calc(100% - 86px);
	}
	.lang_size_small .search_suggest, .lang_size_large .search_suggest {
		top: -9px;
	}
	.search_frmArea .keyword_mode .keyword_frmbtn {
		background: #004832;
		width: 68px;
		height: 48px;
		color: #fff;
		font-weight: bold;
		border: 0;
		font-size: 14px;
		border-radius: 5px;
		margin-bottom: 10px;
		box-shadow: 0 2px 0px 0 #6c887f;
	}
}
/*キーワード検索用の記述追記ここまで*/

/* suggest機能 */
.keyword_frmbtn {
  display: none;
}
.keyword_frm {
  float: none;
  margin-right: 0;
  position: relative;
}
#faq_keyword_form {
  position: relative;
}
#faq_keyword_form:before {
  content: "";
  position: absolute;
  left: 0px;
  z-index: 9999;
  top: 2px;
  width: 47px;
  height: 47px;
  background: url(/usr/file/attachment/smbc_search_ico.png) no-repeat center center;
  background-size: 23px 24px;
}
.search_description {
  padding-top: 16px;
  max-width: 612px;
  margin: 0 auto;
}
.faq_suggest_area {
  width: 100%;
  margin: 16px auto;
}
.faq_suggest {
  position: static;
  width: 100%;
  max-height: none;
  text-align: left;
  border: 1px solid #D5DEDB;
  border-radius: 5px;
  padding: 16px;
  box-shadow: none;
}
.faq_suggest_title {
  background: transparent url(/usr/file/attachment/smbc_Qico.png) no-repeat 0 5px;
  background-size: auto 18px;
  padding-left: 24px;
  position: relative;
  text-overflow: clip;
  white-space: normal;
}
.faq_suggest_category {
  display: none;
}
.faq_suggest_title .search_word {
  color: #004832;
  background-color: transparent;
}

/* PC Only */
@media screen and (min-width: 768px) {
  #faq_keyword_form {
    max-width: 612px;
    position: relative;
  }
  .faq_search_frmArea {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .faq_suggest_area {
    width: 100%;
    max-width: 612px;
  }
  .faq_suggest > li:nth-child(n+9) {
    display: none;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  #faq_keyword_form {
    max-width: 100%;
  }
  .keyword_frm {
    width: 100%;
  }
  .faq_suggest_area {
    width: 100%;
  }
  .faq_suggest > li:nth-child(n+6) {
    display: none;
  }
}

/* pagination:custom */
/* PC Only */
@media screen and (min-width: 768px) {
  .pagination {
    white-space: normal;
  }
}

/* list:Update 2024.09 */
#faq_answer_contents [class *="listSqr0"] .childList,
#faq_answer_contents [class *="listNum0"] .childList {
  padding-left: 1em;
}
#faq_answer_contents [class *="listSqr0"] > .item {
  padding-left: calc(1em + 5px);
}
#faq_answer_contents [class *="listSqr0"] .item::before {
  display: none;
}
#faq_answer_contents [class *="listSqr0"] > .item::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: .25em;
  width: .5em;
  height: .5em;
  background: #505050;
}
#faq_answer_contents [class *="listSqr02"] > .item {
  padding-left: 1.3em;
}
#faq_answer_contents [class *="listSqr02"] > .item::before {
  content: "";
  display: block;
  position: absolute;
  top: .25em;
  left: 2px;
  width: .9em;
  height: .9em;
  background: #505050;
}

/* Parts:Updated 2024.08 */
.btn-list01[class *= "btnPratsWrap0"] > .item {
  margin-top: 9px;
  padding-bottom: 0 !important;
}