@charset "UTF-8";

.delete-marker-fix {
    list-style: none;
}

.note {
    background-image:url(//www.smbc-card.com/common/responsive/img/icon_note_01.png);
    background-repeat:no-repeat;
    background-position: left top;
    padding-left: 15px;
    font-size: 86%;
    margin-bottom: 2px;#0c1e89
    margin-top: 0px;
    line-height:1.2;
}

#contents_wrap {
    font-size: 14px;
    line-height: 1.4;
    overflow-x: hidden;
}
#contents_wrap a {
	color: #0c1e89;
	text-decoration: none;
} 
#contents_wrap a:hover {
	text-decoration: underline;
}
/*----------------------------------------------------
  レイアウト
----------------------------------------------------*/
#main{
	margin:0 auto;
	width:100%;
	
}
#article{
	margin: 0 auto;
  max-width: 800px;
}
#r_nav{
	width:270px;
	float:left;
}

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

/*search_section*/
.search_section{
	margin: 0 0 30px;
}
.search_area{
	display: flex;
	margin: 0 auto;
  max-width: 500px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.search_area form{
	display: flex;
}
.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-color: transparent;
	width: 435px;
	border: solid 2px #c8c8c8;
	padding: 6px 10px;
	margin: 6px 10px 6px 0px;
}
.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;
}
.isg_adbtm_keyword_area{
  padding: 0px 100px 0px;
}
.keyword_area ul{
	margin: 0 0 0 -22px;
}
.isg_adbtm_keyul {
	margin:0 !important;
}
.keyword_area ul li{
	float: left;
	padding: 0 12px 0 12px;
	font-size: 107%;
	line-height: 1.2;
}
.keyword_area ul li a{
	color:#0c1e89 !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 transparent;
  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 transparent;
  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: 10px 5px;
}
#article .cate_link_list_wrap .link_list li a {
	font-size: 14px;	
}
#article .top_btn{
  text-align: center;
}
#article .top_btn{
  
}
#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: 3%;
  padding-left: 20px;
}
#article .top_btn img{
  padding-left: 20px;
}
/*----------------------------------------------------
  検索結果ページ
----------------------------------------------------*/
/* 検索結果リンクリスト */
.search_result_section{
	margin:10px 0;
	border-top: 1px 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;
}
@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%;
}
#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 ul{
	padding: 7px 20px 10px;
}
#article .evaluation_section .evaluation_inner ul li{
	float: left;
	width: 180px;
	height:105.33px;
	margin: 0 0 0 20px;
	border: 3px solid #d7d7d7;
	background-color: #ffffff;
}
#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;
}
#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;
}
#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;
}
#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;
}
#article .evaluation_section > div p + p{
	float: right;
}
#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;
}
/* 詳細ページ > 添付ファイルエリア スタイル */
/* 法人だけで他のCSS定義の影響でh3が太字にならなかったので太字指定も追加　*/
/* add 2023/1/31 */
#attach_file > h3{
  font-size: 16px;
  font-weight: bold;
}
/* 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_nyukai.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_customer.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_card.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_payment.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_addcard.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_vpass.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_service.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;
}
#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_nyukai_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_customer_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_card_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_payment_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_addcard_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_vpass_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_service_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%;
}


/* 右ナビ　カテゴリー 第2階層 */
#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 30px 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;
}
#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:baseline;
}
#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 .nav_area{
  width:auto;
  text-align:right;
  vertical-align:middle;
  
}
.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;
	position: relative;
	z-index:1;
	/*border-right:1px solid #dddddd;*/
}
#breadcrumb_section .inner ul{
	padding:13px 0 8px;
	display:table-cell;
	width:1000px;
	/*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 + li{
  margin-top: 0;
}
#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:116px;
	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: hidden;
  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:80px;
    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;  
}
@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;
}
}