@charset "UTF-8";


#contents_wrap {
    font-size: 14px;
    line-height: 1.4;
}
#contents_wrap a {
    color: #117766;
    text-decoration: none;
} 
#contents_wrap a:hover {
    text-decoration: underline;
}
/*----------------------------------------------------
  レイアウト
----------------------------------------------------*/
#main{
    margin:0 auto 8px;
    width:1000px;
}
#article{
    width:690px;
    float:right;
}
#r_nav{
    width:270px;
    float:left;
}

/*----------------------------------------------------
  TOPページ
----------------------------------------------------*/

/*search_section*/
.search_section{
    margin: 0 0 10px;
}
.search_area{
    display: table;
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.search_area p{
  color: #010101;
}

.search_ttl{
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.search_area dl dt,
.search_area dl dd {
    display: table-cell;
    vertical-align: middle;
}
.search_area dl dt input {
    background: #fff;
    width: 435px;
    border: solid 2px #c8c8c8;
    padding: 6px 10px;
    margin: 6px 10px 6px 190px;
}
.search_area p{
  margin-left: 190px;
}
.search_area dl dd {
    padding: 0 0 0 5px;
}
.search_area dl dd input {
    padding: 7px 45px 7px 55px;
    border: none;
    cursor: pointer;
    font-weight:bold;
    color:#FFFFFF;
    border-radius: 5px;
    background: url("//www.smbc-card.com/common/faq/imgs/icon_lens_white.png") no-repeat left #fb8a1e;
    background-size: 25px;
    background-position: 20px;
}
.keyword_area{
    background: #fff;
    padding: 0px 20px 20px;
    margin-top: 10px;
}
.keyword_area ul{
    margin: 0 0 0 -22px;
}
.keyword_area ul li{
    float: left;
    padding: 0 12px 0 12px;
    font-size: 95%;
    line-height: 1.2;
}
.keyword_area ul li a{
    color:#004a3c !important;
    text-decoration:underline;
}
#pc_keyword ul li:not(:last-child){
  border-right: 2px solid #ddd;
}
#pc_keyword ul li{
 margin-bottom: 10px;
}
/*important_list*/
#important_items{
  margin: 0 20px 30px 20px!important;
}
#important_list h2{
  display: none;
}
#important_list .important_item{
  background: url("//www.smbc-card.com/common/faq/imgs/icon_arrow_blue_right_s.png") no-repeat scroll left 3px #fff;
  padding: 0 0 0 16px;
  font-size: 100%;
  margin-bottom: 10px;
}
/*hotcontent*/
#hotcontent{
  margin: 0 20px 30px 20px!important;
}
#hotcontent h2{
  display: none;
}
#hotcontent .hot-item{
  background: url("//www.smbc-card.com/common/faq/imgs/icon_arrow_blue_right_s.png") no-repeat scroll left 3px #fff;
  padding: 0 0 0 16px;
  font-size: 100%;
  margin-bottom: 10px;
}



/*faq_section*/
.faq_section {
    margin: 10px 0 40px;
}
.faq_section .link_area{
    margin: 0;
}
.faq_section ul{
    padding: 0 20px 0;
}

.faq_section ul li {
    margin: 0 0 8px;
    font-size: 16px;
}

/*trouble_section*/
.trouble_section_cover{
  margin-bottom: 30px;
  display: flex;
}
.trouble_section ul{
  width: 30%;
  border: 2px solid #ddd;
  display: inline-block;
}
.trouble_section ul{
  box-sizing: border-box;
  width: 316px;
  height: auto;
}
.trouble_section ul li{
  padding: 0 20px;
  line-height: 3;
  color: #004a3c;
}
.trouble_section ul li:first-child{
  font-weight: bold;
  font-size: 16px;
  padding: 10px 20px 0;
  line-height: 1.2;
}
.internetservice_ttl img{
  display: inline-block;
  margin-top: -15px;
  vertical-align: baseline;
}
.internetservice_ttl p{
  display: inline-block;
  margin-top: 10px;
}
.trouble_section ul li:last-child{
  margin-bottom: 20px!important;
}
.trouble_section ul li a{
    background: url("//www.smbc-card.com/common/faq/imgs/icon_arrow_blue_right_s.png") no-repeat left 3px #fff;
    padding: 0 0 0 16px;
}
.trouble_section div ul:first-child{
  margin-right: 21px;
}
.trouble_section div ul + ul +ul{
  margin-left: 21px;
}
.trouble_ttl,.enrollment_ttl,.inquiry_ttl,.useofcard_ttl,.billing_ttl,.variouscards_ttl,.internetservice_ttl,.pointservice_ttl,.service_ttl{
  padding-left: 14px!important;
}
.enrollment_ttl{
  font-size: 15.4px!important;
}
.trouble_section_cover img{
  width: 15%;
  margin-right: 5px;
}
.trouble_section ul li #inaccessibility:hover {
    background: url("/common/faq/imgs/ico_inaccessibility.png") no-repeat 15px 23px #f7f7f7;
}
.trouble_section ul li #loss {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_loss.png") no-repeat 18px 23px;
}
.trouble_section ul li #loss:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_loss.png") no-repeat 18px 23px #f7f7f7;
}
.trouble_section ul li #payment {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_payment.png") no-repeat 13px 21px;
}
.trouble_section ul li #payment:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_payment.png") no-repeat 13px 21px #f7f7f7;
}
.trouble_section ul li #mailing {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_mailing.png") no-repeat 18px 21px;
}
.trouble_section ul li #mailing:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_mailing.png") no-repeat 18px 21px #f7f7f7;
}
.trouble_section ul li #sales {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_sales.png") no-repeat 27px 21px;
}
.trouble_section ul li #sales:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_sales.png") no-repeat 27px 21px #f7f7f7;
}
#main > .trouble_section:first-child{
  display: none;
}
#main > .trouble_section:first-child + .top_sp_menu{
  display: none!important;
}
.cmn_h2 + .pagenation_section .cmn_h2{
  display: none!important;
}
.result_li{
  border: none!important;
}
.result_li a{
  font-weight: normal;
}
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}



/*card_section*/
.card_section {
    margin: 0 0 40px;
}
.card_section div {
    margin: 30px 0 0;
}
.card_section ul li{
    float: left;
    width: 320px;
    margin: 0 0 20px 20px;
    display: table;
}
.card_section ul li.first {
    margin: 0;
}
.card_section ul li a{
    display: block;
    padding: 22px 0px 18px 15px;
    border: solid 1px #d2d2d2;
    font-size: 114%;
}
.card_section ul li a.line02{
    padding: 10px 0px 6px 15px;
}

.card_section ul li span{
    display: block;
    float: left;
    font-weight: bold;
}

.card_section ul li span + span{
    float: right;
    font-size: 87%;
    width:97px;
    text-align:center;
    color: #888888;
}
.card_section ul li a.line02 span{
    min-height:33px;
}
.card_section ul li a.line02 span + span{
    margin-top:13px;
}
.card_section ul li a:hover span{
    text-decoration: underline;
}
.card_section ul li a:hover span + span{
    text-decoration:none;
}
.card_section ul li #use{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_use.png") no-repeat 168px 50%;
}
.card_section ul li #admin{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_admin.png") no-repeat 190px 50%;
}
.card_section ul li #addcard{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_addcard.png") no-repeat 170px 50%;
}
.card_section ul li #security{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_security.png") no-repeat 198px 50%;
}
.card_section ul li #charge{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_charge.png") no-repeat 170px 50%;
}
.card_section ul li #cardtype{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_cardtype.png") no-repeat 196px 50%;
}


/*service_section*/
.service_section {
    margin: 0 0 20px 0;
}
.service_section div {
    margin: 30px 0 0 -20px;
}
.service_section dl {
    width: 320px;
    float: left;
    margin: 0 0 20px 20px;
    border: solid 1px #d2d2d2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.service_section dl dt a {
    background: url("//www.smbc-card.com/common/faq/imgs/bg_service.png") no-repeat left top;
    display: block;
    height: 40px;
    padding: 22px 0 0 15px
}
.service_section dl dt a.line02{
    height: 52px;
    padding: 10px 0 0 15px
}

.service_section dl dt a:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/bg_service_hover.png") no-repeat left top;
}
.service_section dl dt a span {
    float: left;
    font-size: 114%;
    font-weight: bold;
}
.service_section dl dt a:hover span{
    text-decoration:underline;
}
.service_section dl dt a span + span {
    float: right;
    width: 97px;
    text-align: center;
    font-size: 100%;
    color: #888888;
}
.service_section dl dt a.line02 span + span {
    margin:12px 0 0;
}
.service_section dl dt a:hover span + span{
    text-decoration:none;
}
.service_section dl dd {
    padding: 17px 20px 16px;
    border-top: solid 1px #d2d2d2;
    min-height: 60px;
}

/*other_section*/
.other_section ul {
    margin: 30px 0 0 -20px;
}
.other_section ul li {
    float: left;
    border: solid 1px #dddddd;
    width: 235px;
    margin: 0 0 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.other_section ul li a {
    display: block;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_blank.png") no-repeat 196px 50% #e9e8e8;
    font-weight: bold;
}
.other_section ul li a span {
    display: table-cell;
    height: 62px;
    padding: 0 15px;
    vertical-align: middle;
    background: #f7f7f7;
    border-right: solid 1px #dddddd;
    width: 140px;
}
.other_section ul li a:hover {
    background: url("//www.smbc-card.com/common/faq/imgs/ico_blank.png") no-repeat 196px 50% #f7f7f7;
    text-decoration: none;
}
.other_section ul li a:hover span {
    background: #fff;
    text-decoration:underline;
}


/*----------------------------------------------------
  カテゴリページ
----------------------------------------------------*/
/* カテゴリ名リンクリスト */
#article .cate_link{
    margin:20px 0 0;
    border-top:1px solid #dddddd;
    background-color:#f7f7f7;
    padding:10px 10px 0;
}
#article .cate_link li{
    float:left;
    margin:0 10px 10px 0;
}
#article .cate_link li a{
    display:block;
    background-color:#aaaaaa;
    padding:7px 10px 5px;
    color:#FFFFFF;
    font-weight:bold;
}
#article .cate_link li a:hover,
#article .cate_link li a.active{
    text-decoration:none;
    background-color:#004a3c;
}
/* カテゴリページ リンクリスト */
#article .cate_link_list_wrap{
    margin:20px 0;
    padding:0px;
}

#article .cate_link_list_wrap .link_list li{
    margin:20px 0 14px;    
}
#article .cate_link_list_wrap .link_list li a {
    font-size: 16px;    
}
#article .top_btn{
  text-align: center;
}
#article .top_btn img{
  margin-left:20px;
  margin-top:-2px;
  vertical-align:middle;
}
#article .top_btn a{
  display: inline-block;
  padding: 15px 70px;
  border: 2px solid #ddd;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}
#article .top_btn a:hover{
  color: #5299cb;
}
#article .more_btn{
  border: 2px solid #ddd;
  width: 100%!important;
  padding: 20px 0;
  background: #f7f7f7;
  font-size: 18px;
  color: #073e65;
  font-weight: bold;
  margin: 20px auto!important;
  cursor: pointer;
  text-align:center;
}
#article .more_btn:hover{
  color: #5299cb;
}
#article .more_btn img{
  width:20px;
  height:20px;
  margin-left: 20px;
  margin-top:-3px;
}

/*----------------------------------------------------
  検索結果ページ
----------------------------------------------------*/
/* 検索結果リンクリスト */
.search_result_section{
    margin:10px 0;
/*border-top: 3px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    position: relative;
}
.search_result_section.notfound{
    background:none;
    padding:0 40px 20px;
}
.search_result_section dl{
    padding:16px 0 9px;
    border-bottom: 1px solid #c5c5c5;
}
.search_result_section dl:last-child{
  border-bottom:none;
}

.search_result_section dl dt{
    padding-left:36px;
    background: url("//www.smbc-card.com/common/faq/imgs/icon_arrow_blue_right_s.png") no-repeat scroll 20px 2px;
    font-size:114.3%;
    font-weight:bold;
    margin-bottom:5px;
}
.search_result_section dl dt strong,
.search_result_section dl dd strong{
    font-weight:bold;
    color:#960202;
}
.search_result_section dl dt a{
    text-decoration: none;
}
.search_result_section dl dt a:hover strong{
    color:#5299cb;
}
.search_result_section dl dd{
    padding-left:36px;
    color:#666666;
}

/*----------------------------------------------------
	詳細ページ
----------------------------------------------------*/
#article h2.q_title{
    width: 100%!important;
    font-size: 128.6%;
    padding: 20px 0;
    font-weight: bold;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #f7f7f7;
    display: inline-block;
}
#article h2.q_title .question_head + span{
  width: 85%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: middle;
}
#article h2 .question_head{
  padding: 10px 15px;
  background-color:#004a3c;
  color: #fff;
  margin-left: 3%;
  margin-right: 2%;
  display: inline-block;
}

#article .evaluation_section > div p{
    font-size: 100%;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
}


#article .evaluation_section > div p + p{
    float: right;
    margin-top: 0;
}


@media screen and (max-width: 640px) {
#article h2.q_title .question_head + span{
  display: inline-block;
  width: 75%!important;
  margin-left: 3%;

}
#article h2 .question_head{
  padding: 10px 15px;
  background-color:#004a3c;
  color: #fff;
  display: inline-block;
  margin-left: 3%;
}
}
#article .article_inner{
    margin: 28px 0 0;
    padding: 0 20px 0;
    font-size: 114.3%;
}
#article .article_inner a{
    text-decoration:underline;
}
#article .article_inner a:hover{
    text-decoration:none;
}
#article .article_inner .note{
    font-size: 87.5%;
}
/* ?ljU? */
#article .article_inner p{
    margin-bottom: 0;
}
/* ?ljU? */
#article .article_inner p + p{
    margin: 12px 0 0;
}
#article .note.red{
    color: #aa0101;
}
#article .evaluation_section{
    margin: 35px 0 0;
}
#article .evaluation_section .evaluation_inner{
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0 0;
    background: #f7f7f7;    
}
#article .evaluation_section .evaluation_inner h3{
    text-align:center;
    color: #004a3c;
    font-weight:bold;
    font-size:115%;
}
#article .evaluation_section .evaluation_inner h3::before{
    border: none;
}

#article .evaluation_section .evaluation_inner ul{
    padding: 7px 20px 10px;
}
#article .evaluation_section .evaluation_inner ul li{
    float: left;
    width: 180px;
    margin: 0 0 0 20px;
    border: 3px solid #d7d7d7;
}
#article .evaluation_section .evaluation_inner ul li:first-child{
    margin: 0;
}
#article .evaluation_section .evaluation_inner ul li:first-child,
#article .evaluation_section .evaluation_inner ul li:last-child{
    width: 180px;
}
#article .evaluation_section .evaluation_inner ul li a{
    display: block;
    min-height: 40px;
    padding: 60px 5px 5px;
    text-align: center;
    font-weight: bold;
}
#article .evaluation_section .evaluation_inner ul li a:hover{
    text-decoration: none;
    color: #fc8e1f;
}
#article .evaluation_section .evaluation_inner ul li#evaluation01 a{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_01.png) no-repeat 50% 10px #ffffff;
    box-sizing: content-box;
}
#article .evaluation_section .evaluation_inner ul li#evaluation02 a{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_02.png) no-repeat 50% 10px #ffffff;
    box-sizing: content-box;
}
#article .evaluation_section .evaluation_inner ul li#evaluation03 a{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_03.png) no-repeat 50% 10px #ffffff;
    box-sizing: content-box;
}
#article .evaluation_section .evaluation_inner ul li#evaluation04 a{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_04.png) no-repeat 50% 10px #ffffff;
}
#article .evaluation_section .evaluation_inner ul li#evaluation01 a:hover{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_01_on.png) no-repeat 50% 10px #ffffff;
}
#article .evaluation_section .evaluation_inner ul li#evaluation02 a:hover{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_02_on.png) no-repeat 50% 10px #ffffff;
}
#article .evaluation_section .evaluation_inner ul li#evaluation03 a:hover{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_03_on.png) no-repeat 50% 10px #ffffff;
}
#article .evaluation_section .evaluation_inner ul li#evaluation04 a:hover{
    background: url(//www.smbc-card.com/common/faq/imgs/ico_evaluation_04_on.png) no-repeat 50% 10px #ffffff;
}
#article .evaluation_section > div{
    border-bottom: 1px solid #d4d4d4;
    padding: 15px 20px 11px;
    background: #f7f7f7;
    font-size: 87.5%;
    line-height: 1.42;
    margin-bottom:20px;
}
#article .evaluation_section > div p{
    float: left;
    font-weight: bold;
    margin-bottom: 0;
}

}
#article .evaluation_section > div p + p{
    float: right;
    margin-top: 0;
}

}



#article .connection_faq_section{
    margin: 40px 0 0;
    border-top: 5px solid #004a3c;
}
#article .connection_faq_section dl{
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    padding: 0 0 18px;
}
#article .connection_faq_section dl dt{
    border-bottom: 1px solid #dddddd;
    padding: 12px 15px 11px;
    font-size: 114.3%;
    font-weight: bold;
    background: #f7f7f7;
}
#article .connection_faq_section dl dd{
    margin: 18px 0 0;
    padding: 0 19px 0 36px;
    background: url(//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_right.png) no-repeat scroll 20px 2px;
}
#article .connection_faq_section dl dd + dd{
    margin: 13px 0 0;
}
/* 詳細ページ > 添付ファイルエリア スタイル */
/* add 2023/1/31 */
#attach_file > h3{
  font-size: 16px;
}
/* end 2023/1/31 */

/*----------------------------------------------------
  共通パーツ
----------------------------------------------------*/
/* h2見出し */
.cmn_h2 {
    border-left:4px solid #004a3c;
    background-color:#f7f7f7;
    font-weight:bold;
    font-size:129%;
    margin-bottom: 20px;
}
.cmn_h2 span{
    display:block;
    border-top:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.cmn_h2 span span{
    display:block;
    padding:11px 0 10px 20px;
    border:none;
    float:left;
}
.cmn_h2 span a{
  display: none;
}
.cmn_h2 span a:hover{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_lightblue_right.png") no-repeat 85% 50% #eeeeee;
    text-decoration:none;
}

/*王冠*/
.cmn_h2.crown span{
    padding-left:10px;
    
}

/*リンクリスト*/
.link_list li {
    background: url("//www.smbc-card.com/common/faq/imgs/icon_arrow_blue_right_s.png") no-repeat left 3px #fff;
    padding: 0 0 0 16px;
}
.link_list a {
/*    display: block;*/
}

/* 右ナビ */

#r_nav ul.cate_nav li div{
    margin:0;
    position: relative;
}

#r_nav ul.cate_nav li:not(:first-child) div:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_open_green.png) no-repeat;
    position: absolute;
    background-size: 90%;
  right: 12px;
  top: 40%;
    display: block;
    content: "";
    width: 16px;
  height: 16px;
}
#r_nav ul.cate_nav li:last-child div.open{
  border-bottom: none;
}
/* 右ナビ　カテゴリー 第1階層 */
#r_nav ul.cate_nav li div a{
    display:block;
    color:#004a3c;
    font-weight:bold;
    padding: 0 5px;
  height: 40px;
  text-decoration: none;
}
#r_nav ul.cate_nav li div a:hover,
#r_nav ul.cate_nav li div a.active{
    background-color:#004a3c;
    color:#FFFFFF;
    text-decoration:none;
}
.top_sp_menu #r_nav ul li{
  background: #fff!important;
}

.top_sp_menu .frequent{
  display: none!important;
}
.top_sp_menu #r_nav ul.cate_nav li:not(:first-child) div.open {
    background-size: 10%;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(2) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(3) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_customer.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(4) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(5) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(6) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(7) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_nyukai.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(8) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_addcard.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(9) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_card.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(10) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_service.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(11) div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_vpass.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:nth-child(12) div.open {
  background: url(//www.smbc-card.com/common/faq/imgs/icon_point.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li:last-child div.open {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_point.png) no-repeat 15px #fff;
}
.top_sp_menu #r_nav ul.cate_nav li div.open{
  color: #004a3c;
}

.top_sp_menu #r_nav ul.cate_nav li:last-child div{
  border-bottom: none;
}
.top_sp_menu #r_nav ul.cate_nav li{
  position: relative;
}
.top_sp_menu #r_nav ul.cate_nav li div.open::after{
  background :url(//www.smbc-card.com/common/faq/imgs/icon_close_green.png) no-repeat;
  height: 10px;
}
.top_sp_menu #r_nav ul.cate_nav li ul li a{
  background: url(//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_right.png) no-repeat 10px 50% #fff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.top_sp_menu .cate_nav{
  border-bottom: 1px solid #ddd;
}
.top_sp_menu #r_nav{
  margin-top: 30px;
}
.top_sp_menu #r_nav ul.cate_nav li ul li:last-child a{
  padding-bottom: 15px;
}
.top_sp_menu #r_nav ul.cate_nav li ul li a:hover{
  background: url(//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_right.png) no-repeat 10px 50% #fff;
  color: #073e65;
  text-decoration: underline;
}
.top_sp_menu #r_nav ul.cate_nav li:last-child ul{
  border-bottom: 1px solid #ddd;
}
.top_sp_menu #r_nav ul.cate_nav li div.open:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_close_green.png) no-repeat;
    background-size: 90%;
    display: block;
    content: "";
    width: 16px;
  height: 16px;
}
#r_nav ul.cate_nav li div {
   padding-left: 15px;
   background-size: 13% !important;
   box-sizing: content-box;
}
#r_nav ul.cate_nav li:first-child div {
  padding-left: 57px;
    /*background: url(//www.smbc-card.com/common/faq/imgs/icon_lens.png) no-repeat 15px #fff;*/
}
#r_nav ul.cate_nav li:first-child a:hover{
    text-decoration: none;  
}
#r_nav ul.cate_nav li:nth-child(1) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_top.png ) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(2) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(3) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_customer.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(4) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(5) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(6) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(7) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_nyukai.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(8) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_addcard.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(9) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_card.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(10) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_service.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(11) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_vpass.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:nth-child(12) div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_point.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:last-child div {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_point.png) no-repeat 15px;
}
#r_nav ul.cate_nav li:first-child div:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_arrow_green_right.png) no-repeat;
    position: absolute;
  right: 14px;
  top: 40%;
    display: block;
    content: "";
    width: 16px;
  height: 16px;
}
#r_nav ul.cate_nav li ul li a.active{
    background: url('//www.smbc-card.com/common/faq/imgs/icon_arrow_white_right.png') no-repeat 10px 50% #004a3c;
    color:#FFFFFF;
    text-decoration:none;
}

@media screen and (min-width: 641px) {
#r_nav ul.cate_nav li div:hover {
   background-color: #004a3c;
   color: #fff;
   background-size: 10% !important;
} 
/*#r_nav ul.cate_nav li:first-child div:hover {*/
/*    background: url(//www.smbc-card.com/common/faq/imgs/icon_lens_white.png) no-repeat 15px #004a3c;*/
/*}*/
#r_nav ul.cate_nav li:first-child div:hover:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_arrow_white_right.png) no-repeat;
    position: absolute;
  right: 14px;
  top: 40%;
    display: block;
    content: "";
    width: 16px;
  height: 16px;
}
#r_nav ul.cate_nav li:nth-child(1) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_top_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(2) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(3) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_customer_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(4) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
    
}
#r_nav ul.cate_nav li:nth-child(5) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_payment_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(6) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_trouble_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(7) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_nyukai_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(8) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_addcard_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}    
#r_nav ul.cate_nav li:nth-child(9) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_card_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(10) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_service_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(11) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_vpass_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav li:nth-child(12) div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_point_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;    
}    
#r_nav ul.cate_nav li:last-child div:hover {
    background: url(//www.smbc-card.com/common/faq/imgs/icon_point_white.png) no-repeat 15px #004a3c;
    background-size: 34px!important;
}
#r_nav ul.cate_nav ul{
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#r_nav ul.cate_nav li:not(:first-child) div:hover:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_open_white.png) no-repeat;
    position: absolute;
    background-size: 90%;
    right: 14px;
    top: 40%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
}
#r_nav ul.cate_nav li:not(:first-child) div.open:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_close_green.png) no-repeat;  
    position: absolute;
    background-size: 90%;
    right: 14px;
    top: 40%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
}
#r_nav ul.cate_nav li:not(:first-child) div:hover.open:after{
    background: url(//www.smbc-card.com/common/faq/imgs/icon_close_white.png) no-repeat;
    position: absolute;
    background-size: 90%;
    right: 14px;
    top: 40%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
}
}

#r_nav ul.cate_nav li:not(:first-child) div.open {
    background-size: 10%;
}


/* ?E?i?r?@?J?e?S???[ ?・?K?w */
#r_nav ul.cate_nav li ul li{
    margin:0;
}
#r_nav ul.cate_nav li ul li a{
    display:block;
    padding: 10px 10px 10px 26px;
    background: url(//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_right.png) no-repeat 10px 50% #f7f7f7;
}
#r_nav ul.cate_nav li ul li a:hover{
  background: url('//www.smbc-card.com/common/faq/imgs/icon_arrow_white_right.png') no-repeat 10px 50% #004a3c;
  color: #fff;
  text-decoration: none;
}
/* 右ナビ　ユーザー */
#r_nav ul.user_nav{
    background-color:#eeeeee;
    margin:20px 0 0;
    padding:10px;
}
#r_nav ul.user_nav li a{
    display:block;
    border-bottom:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    background-color:#FFFFFF;
    padding:12px 15px 12px;
    font-weight:bold;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_corner_arrow.png") no-repeat 237px 4px #FFFFFF;
}
#r_nav ul.user_nav li a:hover{
    text-decoration:none;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_corner_arrow.png") no-repeat 237px 4px #f9f9f9;
}
#r_nav ul.user_nav li a span{
    font-size:85.7%;
}
#r_nav ul.user_nav li:first-child{
    border-top:1px solid #e5e5e5;
}
/* 右ナビ　その他 */
#r_nav dl.other_nav{
    margin:20px 0 0;
    border-left:1px solid #dddddd;
}
#r_nav dl.other_nav dt{
    background-color:#e9e8e8;
    padding:15px 20px 12px;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    border-right:1px solid #dddddd;
    font-weight:bold;
    font-size:114.3%;
}
#r_nav dl.other_nav dd{
    width:50%;
    float:left;
}
#r_nav dl.other_nav dd a{
    display:block;
    padding:12px 20px 9px;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_blank.png") no-repeat 101px 50% #f7f7f7;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
#r_nav dl.other_nav dd a:hover{
    text-decoration:none;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_blank.png") no-repeat 101px 50% #004a3c;
    color: #fff;
}

/* ページネーション */
#article .pagenation_section{
    padding:13px 10px 20px 20px;
    position:relative;
}
#article .cate_link_list_wrap + .pagenation_section{
  border-top:1px solid #dddddd;
}
#article .pagenation_section .faq_list_ttl{
    display:table-cell!important;
    width:250px!important;
    vertical-align:middle!important;
}
#article .pagenation_section .faq_list_ttl h3{
    font-weight:bold;
    color:#004a3c;
    margin:0 0 5px;
    font-size:114.3%;
}
#article .pagenation_section .faq_list_ttl p{
    color:#888888;
    font-weight:bold;
}
#article .pagenation_section .nav_area{

    width:auto;
    text-align:right;
    vertical-align:middle;
}
#article .pagenation_section .nav_area ul li{
    display:inline-block;
    padding:6px 8px;
}
#article .pagenation_section .nav_area ul li.active{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_gray_up_small.png") no-repeat bottom center;
    vertical-align:top;
}
#article .pagenation_section .nav_area ul li.active span{
    font-weight:bold;
    color:#888888;
    
}
#article .pagenation_section .nav_area ul li.before{
    padding-left:15px;
    padding-right:26px;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_left.png") no-repeat left 45%;
}
#article .pagenation_section .nav_area ul li.next{
    padding-left:26px;
    padding-right:15px;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_right.png") no-repeat right 45%;
}
#article .pagenation_section .nav_area ul li.before.no_active,
#article .pagenation_section .nav_area ul li.next.no_active{
    background:none;
    color:#888888;
}
#article .pagenation_section .nav_area ul li span{
    vertical-align:top;
}
#faq_serch #article .pagenation_section{
    border-top:none;
    border-bottom:none;
    padding:0;
}
#faq_serch #article .pagenation_section .faq_border{
  border-bottom: 1px solid #dddddd;
  margin-top:10px;
}
#faq_serch #article .pagenation_section .title_area .title_area{
  display:table-cell;
  text-align:left;
  vertical-align:middle;
  width: auto;
}
#faq_serch #article .pagenation_section{
  position: relative;
}
#faq_serch #article .pagenation_section .nav_area{
  width:auto;
  text-align:right;
  vertical-align:middle;
  position: absolute;
  right: 20px;
  top: -10px;
}
.search_result_section + .pagenation_section .title_area{
  display:table-cell;
  text-align:left;
  vertical-align:middle;
  width: auto;
}
.search_result_section + .pagenation_section .nav_area{
  display:table-cell;
  width:410px;
  text-align:right;
  vertical-align:middle;
  
}
#article .pagenation_section .search_title_area{
  display:table-cell;
  text-align:left;
  vertical-align:middle;
  width: auto;
  padding-right: 10px;
}
#article .pagenation_section .search_title_area p{
  padding-left: 10px;
}
#article .pagenation_section .search_nav_area{
  position: absolute;
  width:auto;
  text-align:right!important;
  vertical-align:middle;
  right: 10px;
  top: 10px;
  
}

/* ???₢???킹 */
.inquiry_section{
    background-color:#efefef;
    padding:18px 20px 20px;
    margin:40px 0 0;
}
.inquiry_section p{
    font-weight:bold;
    text-align:center;
    color:#004a3c;
    font-size:114.3%;
    margin:0 0 9px;
}
.inquiry_section .btn{
    text-align:center;
}
.inquiry_section .btn a{
    text-align:center;
    display:inline-block;
     width: 274px;
    background: #c4e23f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    /* W3C */
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    border-top: 1px solid #c8d97c;
    color: #003e28 !important;
    font-size: 110%;
    font-weight: 700;
    margin: 0 auto;
    padding: 20px 2% 18px;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.3s ease-out 0.1s;
}
.inquiry_section .btn a:hover{
    opacity:0.6;
}

/* お問い合わせ ボタン for IE8 */
html>/**/body .inquiry_section .btn a{
    background-color /*\**/: #bbdd21\9;
    color /*\**/: #668b7e !important\9;
    border-bottom /*\**/: 1px solid #79ac02\9;
    border-right /*\**/: 1px solid #79ac02\9;
    color /*\**/: #003e28 !important\9;
}
html>/**/body .inquiry_section .btn a:hover{
    background-color /*\**/: #cae570\9;
    color /*\**/: #668b7e !important\9;
}

/*ぱんくず*/
#breadcrumb_section{
    clear:both;
    margin:60px 0 0;
    background-color:#f7f7f7;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
#breadcrumb_section .inner{
    width:1000px;
    margin:0 auto;
    border-right:1px solid #dddddd;
}
#breadcrumb_section .inner ul{
    padding:13px 0 8px;
    display:table-cell;
    width:844px;
    border-right:1px solid #dddddd;
}
#breadcrumb_section .inner ul li{
    float:left;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_gray_narrow.png") no-repeat 0px 2px;
    padding:0 19px 5px 19px;
}
#breadcrumb_section .inner ul li span{
    font-weight:bold;
}
#breadcrumb_section .inner ul li:first-child{
    background: url("//www.smbc-card.com/common/faq/imgs/ico_home.png") no-repeat left 3px;
    padding-left:27px;
}
#breadcrumb_section .inner .pagetop_btn{
    display:table-cell;
    width:155px;
    padding-left:39px;
    font-weight:bold;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_blue_top.png") no-repeat 15px 50% #eeeeee;
    vertical-align:middle;
    color: #073e65;
}
#breadcrumb_section .inner .pagetop_btn:hover{
    text-decoration:none;
    background: url("//www.smbc-card.com/common/faq/imgs/ico_arrow_lightblue_top.png") no-repeat 15px 50% #eeeeee;
    color: #5299cb;
}


/*----------------------------------------------------
  問題解決モーダル用
----------------------------------------------------*/
#i_wrap {
    padding: 10px;
}
#i_wrap h1 {
    font-size: 150%;
    font-weight: bold;
}
#i_wrap p {
    margin: 10px 0 0;
    line-height: 1.4;
    font-size: 114.3%;
}
#i_wrap > p{
    margin-top:40px;
}
#i_wrap h1 + p{
    margin-top:10px;
}
#i_wrap .inquiry_section {
    margin: 20px 0 0;
}
#i_wrap .inquiry_section .btn + .btn {
    margin: 20px 0 0;
}
#i_wrap .solutionBlock p{
    float:left;
    margin:10px 0 0 10px;
}

#i_wrap .solutionBlock p + p{
    padding:90px 0 0;
    margin:10px 0 0 0;
}

/*20171128追加*/

#i_wrap .inquiryBlock{
  margin:0 0 0 0;
}

#i_wrap .inquiryBlock p{
  float:none;
  margin:10px 0 0 0;
}

#i_wrap .inquiryBlock p:first-child{
  margin:30px 0 0 0;
}

#i_wrap .inquiryBlock p{
  
}

#i_wrap .inquiryBlock p.inquiryEntry{
  margin:0 0 0 0;
}
#i_wrap .inquiryBlock p.inquiryEntry + p.inquiryEntry{
  margin:10px 0 0 0;
  padding:0;
}

#i_wrap .inquiryBlock p.inquiryButton{
  padding:0;
  margin:10px 0 0;
  text-align:center;
}
#i_wrap .inquiryBlock p.inquiryButton input{
  cursor:pointer;
  width:50px;
  height:30px
}
#i_wrap .inquiryBlock p.inquiryEntry textarea.SA_message{
  width:100%;
  height:120px;
  resize:none;
  border-top: 2px groove #999999;
  border-left: 2px groove #999999;
  overflow:auto;
  overflow-y: scroll;
  box-sizing:border-box;
  padding:5px;
}
#SA_contents p{
  margin:30px 0 0 0;
}

#i_wrap .inquiryBlock h1{
  margin:30px 0 0 0;
  background-color:#f7f7f7;
  border:1px solid #dddddd;
  padding:5px 0 5px 10px;
  font-size:16px;
}

div.inquiryBlock .button_table{
  margin-top:20px;
}

div.inquiryBlock .button_table input{
  cursor: pointer;
  height: 30px;
  padding:0 5px;
  margin:0 10px;
}

div.inquiryBlock .button_table .row div{
  display:inline-block;
  width: 48%;
}

div.inquiryBlock .button_table .row div:first-child{
  text-align:right;
}
#i_wrap .inquiryBlock .button_table form#SA_InquiryBackForm{
  margin-top:0px;
  text-align:right;
}
#i_wrap .inquiryBlock form#SA_InquiryBackForm{
  margin-top:10px;
  text-align:center;
}
#i_wrap .inquiryBlock input#SA_InquiryBackButton{
  padding:0 5px;
  height:30px;
}

#i_wrap .inquiryBlock > div{
  float:left;
}

#i_wrap .inquiryBlock > div:first-child{
  margin-top:0;
}

#i_wrap .inquiryBlock > div:last-child{
  width:100%;
}

#i_wrap .inquiryBlock > div:first-child p{
  margin:0;
  display:table-cell;
  vertical-align:middle;
  font-size:16px;
}

#i_wrap .inquiryBlock > div:first-child p:last-child{
  padding-top:20px;
}

#i_wrap .inquiryBlock > div:first-child p img{
  max-width:100%;
  width:100%;
  height:auto;
}

#i_wrap .confirmBlock h1{
  margin:30px 0 0 0;
  background-color:#f7f7f7;
  border:1px solid #dddddd;
  padding:5px 0 5px 10px;
  font-size:16px;
}

#i_wrap .confirmBlock h2{
  font-size:14px;
  margin-top:10px;
}

#i_wrap .confirmBlock .inquiry_table div.row > div{
  border:1px solid #dddddd;
  padding:5px 10px;
  word-break:break-all;
  height:120px;
  font-size:14px;
  margin-top:10px;
  overflow-y: auto;
}

#i_wrap .confirmBlock p.confirm_guide{
  float:none;
  margin:10px 0 10px 0;
}

#i_wrap .confirmBlock .button_table .confirmarea{
  text-align:center;
  margin-top:10px;
}

#i_wrap .confirmBlock .button_table .confirmarea form:first-child{
  display:inline;
  margin:0 10px;
}

#i_wrap .confirmBlock .button_table .confirmarea form input{
  height:30px;
  padding:0 5px;
}


#i_wrap .confirmBlock .button_table .confirmarea a:hover{
  text-decoration:none;
}

/*----------------------------------------------------
  clearfix
----------------------------------------------------*/

.cmn_h2 span:after,
.search_area:after,
.search_area dl:after,
.keyword_area ul:after,
.faq_section :after,
.trouble_section:after,
#main:after,
#r_nav dl.other_nav:after,
.trouble_section ul:after,
.cate_link:after,
.card_section ul li a:after,
.card_section:after,
.service_section:after,
.other_section ul:after,
#article h2:after,
#article .evaluation_section > div:after,
#article .evaluation_section .evaluation_inner ul:after,
#i_wrap .solutionBlock:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
.cmn_h2 span,
.search_area,
.search_area dl,
.keyword_area ul,
.faq_section,
.trouble_section,
#main,
#r_nav dl.other_nav,
.trouble_section ul,
.cate_link,
.card_section ul li a,
.card_section:after,
.service_section,
.other_section ul,
#article h2,
#article .evaluation_section > div,
#article .evaluation_section .evaluation_inner ul,
#i_wrap .solutionBlock { zoom: 1 }

/**
 * FAQ Inquiry
 */
div#SA_InquiryBox * {
    vertical-align: baseline;
}
div#SA_InquiryBox > * {
    border: 0 none;
    outline: 0 none;
}
div#SA_InquiryBox h1,
div#SA_InquiryBox h2,
div#SA_InquiryBox h3,
div#SA_InquiryBox h4,
div#SA_InquiryBox h5,
div#SA_InquiryBox h6 {
    font-size: 100%;
    font-weight: normal;
}
div#SA_InquiryBox h3.inquiry_title{
  background-color:#f7f7f7;
  font-size:14px;
  border:none;
  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
  font-weight:bold;
  margin:0 0 10px;
  padding:10px;
  line-height:1.2;
}
div.inquiry_box {
    background: none;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: block;
    line-height: 1.4;
    margin: 0;
    padding: 1px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 100;
    margin-top: 30px;
}
div.inquiry_box div.box_area {
    background: none;
    padding: 10px 5px 0;
}
div.inquiry_box div.box_area h3 {
    border-bottom: 1px solid #004a3c;
    font-size: 1.077em;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 5px 0;
}
div.inquiry_box div.box_area p.text {
    font-size: 13px;
    margin-bottom: 10px;
}
div.inquiry_box div.box_area input#SA_subject {
    width: 220px;
    border: 1px solid #aaaaaa;
}
div.inquiry_box div.box_area textarea#SA_message {
    border: 1px solid #aaaaaa;
    height: 100px;
    padding: 5px;
    resize: vertical;
    width: 100%;
    margin: 0;
    resize:none;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    -webkit-appearance: textfield;
}
div.inquiry_box input[type="button"],
div.inquiry_box input[type="submit"],
div.inquiry_box input[type="reset"],
div.inquiry_box input[type="file"],
div.inquiry_box input[type="image"] {
    -webkit-appearance: none;
    border-radius: 0;
}
/* FAQページ修正追加 */



html.iframe_inquiry{
  height: 100%;
  width: auto;
  overflow-y: scroll; /*0816 edited */
  border: none;
}

div#complete_box{
  display:none;
}

div.kokoro_area{
  float:left;
  margin-top:50px;
  box-sizing:border-box;
  padding-left:20px;

}

div.kokoro_area img{
  max-width:100%;
  height:auto;
  width:100%;
}

div#complete_box .text_area{
  float:left;
  padding-top:90px;
  font-size:14px;
  width:55%;
}
span.error, span.limit{
  display:inline-block;
  padding-top:5px;
}

form#SA_InquiryForm{
  margin: 0 10px;
}

.button_wrap {
  margin-top:20px;
  padding: 10px 10px 15px;
/*
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background: #f7f7f7;
*/
}
#complete_box .button_wrap{
  padding: 20px;
  clear:both;
}
p.inquiry_button {
    text-align: center;
    clear:both;
}
p.inquiry_button .submit_button,
#complete_box p.inquiry_button a{
    border: 1px solid #004a3c;
    background-color:#004a3c;
    color:#ffffff;
    cursor: pointer;
    line-height: 1;
    margin: 0 10px;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
    box-shadow:none;
    width:90px;
    box-sizing:border-box;
}
p.inquiry_button .submit_button a{
  display:block;
  margin: 0 auto;
}
input#SA_inquirySubmit,
p.inquiry_button a.submit_button{
    background: #004a3c;
    display:inline-block;
    padding:12px 3px;
}
p.inquiry_button a.submit_button{
  color:#666;
  border-color:#666;
  background-color:#fff;
}
/*
p.inquiry_button a.submit_button{
    background: none;
    border:none;
    display:inline;
    margin:0;
    font-size:12px;
}
*/
p.inquiry_button a.submit_button:link,
p.inquiry_button a.submit_button:visited,
p.inquiry_button a.submit_button:active{
    color:#333;
}
/*
p.inquiry_button a.submit_button:hover,
input#SA_inquirySubmit:hover,
#complete_box p.inquiry_button a:hover{
    color:#ffffff;
}
*/
.inquiry_box .note{
  line-height:1.1;
}
p.inquiry_label {
    font-size: 13px;
    line-height: 1.3em !important;
    margin: 0;
    padding: 0 0 10px;
}
br.title-break {
    display: block;
    margin: 10px 0;
}
span.error, span.limit {
    color: #FF0000;
    font-size: 85% !important;
}
span.SALabel {
    font-size: 100% !important;
}
div.inquiry_box span#SALabel_message {
    display: none;
}

.pab0{
  padding-bottom:0 !important;
}
.maB10{
  margin-bottom:10px;  
}

/* M-H-2 H2 */
h2 {
  padding-bottom: 0;
}
h2::before {
  content: "";
  display: block;
  width: auto;
  margin-bottom: 0;
  border-bottom: none;
}

/* 0816 edited */
a.isg_url {
  font-size: 13px;
  word-break: break-all;
  margin: 0;
}

.isg_red {
  color:red;
}

.isg_padB10 {
  padding-bottom: 10px;
}


@media screen and (max-width: 640px) {
.search_section{
  width: 95%;
}
#article .pagenation_section .cmn_h2{
  width: 99%;
}
.faq_section ul li {
  font-size: 14px;
}
#article .more_btn{
  border: 2px solid #ddd;
  width: 95%!important;
  padding: 20px 0;
  background: #f7f7f7;
  font-size: 18px;
  color: #073e65;
  font-weight: bold;
  margin: 0 auto 20px!important;
}

#article .more_btn img{
  width: 6%;
  padding-left: 20px;
}
#article .cate_link_list_wrap .link_list li a {
    font-size: 14px;
}
.search_area dl dd input{
  background-position: 40%;
}
.faq_section ul li {
  margin-left: 15px;
}
.search_area p{
  margin-left: 0;
}
.search_ttl{
  margin: 0!important;
}
.cmn_h2 span span{
  padding:11px 0 10px 20px;
}
.cmn_h2{
  padding-left: 0;
}
#faq_serch #article .pagenation_section .nav_area{
  top:10px;
}
}

/* フォームボタン */
#mailFormButton:visited, #mailFormButton:link {
    color: #1a4832;
}

#mailFormArea{
    margin-top:20px;
}

@media screen and (max-width:640px){
    #mailFormButton{
        max-width:70%;
    }

    #mailFormArea{
        margin-top:30px;
    }
}

#main > .trouble_section:first-child ~ #mailFormArea {
    display: none !important;
}

/* アンカーリンク */
#ancLinkArea {
    justify-content: center;
    margin-top: 30px;
}