.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.clearfix { display:inline-block; }
/*! =========================================================
 Layout
========================================================= */
.melfa_inner { margin-top: 20px; }
.melfa_inner_large { margin-top: 30px; }
.melfa_inner_xlarge { margin-top: 40px; }
.melfa_inner_small { margin-top: 15px; }
.melfa_inner_xsmall { margin-top: 10px; }
.melfa_inner_xxsmall { margin-top: 5px; }

.melfa_helper-mt-x1 { margin-top: 8px !important; }
.melfa_helper-wid-auto { width: auto !important; }

/* Margin */
.mb-0 { margin-bottom: 0; }


/* Small Only Irregular */
@media only screen and (max-width: 768px){
table.melfa_helper-wid-100per th .fa-bullet_sprite_link.fa-only_small_block { display: block; margin-top: 8px; }
}


/*! =========================================================
 Font Size
========================================================= */
.fa-text { /*font-size: 88%;*/ }
/*.fa-text_small { font-size: 75%; }*/
.fa-unordered_list { font-size: 117%; }

@media only screen and (max-width: 768px){
.fa-text { font-size: 100%; }
.fa-text_small { /*font-size: 86%;*/ }
}



/*! =========================================================
 Heading
========================================================= */
.heading_lv3 { margin-top: 60px; margin-bottom: 15px; padding-left: 12px; text-indent: -12px; display: inline-block; }
.heading_lv3:first-of-type { margin-top: 30px;}

.heading_lv3:before { content: ""; background: url(/fa/contact-us/spec/img/sprite-icon_bullet.png) 0 -72px no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.heading_lv3 .label { font-weight: 700; color: #333; }
#products_support.heading_lv3 { margin-top: -4rem; padding-top: 4rem; }

.fa-opt_heading_lv2 + .heading_lv3 { margin-top: 0; }
.fa-opt_heading_lv4 { font-size: 100%; }
.heading_wrapper { position: relative; width: 100%; }
/*.heading_wrapper .heading_inner_left { position: absolute; left: 0; bottom: 0; }
.heading_wrapper .heading_inner_right { position: absolute; right: 0; bottom: 0; }*/

.heading_wrapper .heading_lv3 { margin-top: 20px; margin-bottom: 0; }
.heading_wrapper .melfa_support_heading_btn a { display: inline-block; margin-left: 15px; }

@media only screen and (max-width: 768px){
.fa-opt_heading_lv2 { font-size: 18px; }
.heading_lv3 { font-size: 16px; }
.heading_lv3:first-of-type { margin-top: 25px;}
/*.heading_wrapper .heading_inner_left { position: relative; left: auto; bottom: auto; }
.heading_wrapper .heading_inner_right { position: relative; right: auto; bottom: auto; }*/
.heading_wrapper .heading_lv3 { margin-top: 15px; margin-bottom: 10px; }
.heading_wrapper .melfa_support_heading_btn a { margin-left: 5px; }
}



/*! =========================================================
 .box
========================================================= */
.box { font-size: 108%; }
.box .box_item { border: 1px solid #d5d5d5; box-sizing: border-box; padding: 24px; width: 100%;}

.box .box_item .box_title { float: left; line-height: 32px; font-size: 16px; }
.box .box_item .box_title h4.ico_faq { padding-left: 55px; background: url(/fa/contact-us/spec/img/ico_faq.png) left center no-repeat; background-size: 46px 30px; font-weight: 700; }

.box .box_item .box_btn { float: left; width: 400px; margin-left: 40px; }
.box .box_item .box_btn .btn_grad { width: 100%; }


@media only screen and (max-width: 768px){
.box .box_item { padding: 15px; }
.box .box_item .box_title { float: none; margin-top: 0; font-size: 106%; }
.box .box_item .box_btn { float: none; width: 100%; margin-left: 0; margin-top: 10px; }
}



/*! =========================================================
 .btn_grad
========================================================= */
.btn_grad { display: inline-block; border-radius: 0; text-align: left; box-sizing: border-box; padding: 10px 24px; /*font-size: 75%;*/ font-weight: 700; border: 1px solid #d0d0d0; vertical-align: middle; background: #fff; background: linear-gradient(to bottom,#fff 0,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 ); }
.btn_grad [class*=icon_sprite]:before { margin-right: 20px; }
.btn_grad_mini { padding: 4px 6px; width: 110px; font-weight: 400; border: 1px solid #d8d8d8; text-align: center; }
.btn_grad:hover { text-decoration: underline; background: linear-gradient(to bottom,#fff 0,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 ); }
.btn_grad:hover span { text-decoration: underline; }

@media only screen and (max-width: 768px){
.btn_grad { font-size: 86%; }
}



/*! =========================================================
 Icon
========================================================= */
[class*=icon_sprite] { padding-left: 16px; text-indent: -16px; display: inline-block; }
[class*=icon_sprite]:before { content: ""; background: url(/fa/contact-us/spec/img/sprite-icon_element.png) no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 4px; }
[class*=after_sprite]:after { content: ""; background: url(/fa/contact-us/spec/img/sprite-icon_after_element.png) no-repeat; width: 14px; height: 10px; display: inline-block; vertical-align: middle; margin-left: 4px; }

[class^=bullet_sprite] { padding-left: 12px; text-indent: -12px; display: inline-block; }
[class^=bullet_sprite]:before { content: ""; background: url(/fa/contact-us/spec/img/sprite-icon_bullet.png) no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: middle; }


.icon_sprite_pc-small:before { background-position: 0 -44px; width: 20px; }
.bullet_sprite_link:before { background-position: 0 -12px; margin-top: -2px; }
.after_sprite_window:after { background-position: 0 0; }
.bullet_sprite_nolink:before{ background-position: 0 -72px; margin-top: -2px; }
.bullet_sprite_expand.modal { background: url(/fa/contact-us/spec/img/icon_modal.png) no-repeat 99% 50%; background-size: 16px auto; }

/*! =========================================================
 .auto-spport-system
========================================================= */
.auto-system-box { margin: 30px 0 0; border: 1px solid #d5d5d5; }
.auto-system-box .title { background: #e6e6e6; padding: 5px 10px; /*font-size: 80%;*/ font-weight: bold; }
.auto-system-box .lead-txt { font-size: 14px; }
.auto-system-box .steps { counter-reset: step-counter; padding: 10px 20px; }
.auto-system-box .steps-group { counter-increment: step-counter; position: relative; padding-left: 4.5rem; margin: 20px 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.auto-system-box .steps-group:last-of-type { border: none; margin-bottom: 0; }
.auto-system-box .steps-group .title-area { display: flex; flex-wrap: wrap; place-items: baseline center; }
.auto-system-box .steps-group .title-area > h3 { display: flex; align-items: center; font-weight: bold; font-size: 16px; margin-right: 15px; }
.auto-system-box .steps-group .title-area > h3:before { content: '手順'counter(step-counter); background: #D60101; color: white; font-size: 14px; font-weight: normal; line-height: 1.5rem; text-align: center; width: 3.5rem; height: 1.5rem; position: absolute; left: 0; z-index: 1; }
.auto-system-box .steps-group .title-area .tel-num { font-size: 20px; color: #005e8c; font-weight: bold; }
.auto-system-box .steps-group .title-area .tel-num a { display: inline-block; pointer-events: none; color: #005e8c; }
.auto-system-box .steps-group .title-area .value-txt { font-size: 16px; }
.auto-system-box .steps-group .title-area .value-txt .push-num { font-size: 20px; background: #005e8c; font-weight: bold; line-height: 2.2rem; color: #fff; text-align: center; width: 2rem; height: 2rem; border-radius: 2rem; z-index: 1; margin: 0 10px; display: inline-block; position: relative; }
.auto-system-box .steps-group .title-area .products-value-txt { display: none; margin-top: 10px; }
.auto-system-box .steps-group .title-area .products-value-txt .push-num:not( :first-child ):before, .auto-system-box .products_num .push-num:not( :first-child ):before { content: '→'; color: #333; font-size: 12px; font-weight: normal; line-height: 1.5rem; text-align: center; width: 3.5rem; height: 1.5rem; border-radius: 1.5rem; position: absolute; top: 20%; left: -38px; z-index: 1; }
.auto-system-box .c-textBox { padding: 10px 20px; margin-top: 0; }
.auto-system-box .c-textBox .fa-normal_list_title { /*font-size: 90%;*/ margin: 8px 1em 5px; display: inline-block; }
.auto-system-box .c-textBox .fa-normal_list.fa-normal_list_row { margin-bottom: 5px; padding-left: 1em; }
/*.auto-system-box .c-textBox .fa-normal_list.fa-normal_list_row ul li { font-size: 70% list-style: none; margin-left: 0; padding-right: 15px; }
.auto-system-box .c-textBox .fa-normal_list.fa-normal_list_row ul li::before { content: ''; width: 3px; height: 3px; display: inline-block; border-radius: 100%; background: #333; position: relative; left: -7px; top: -2px; }*/

#select_products { width: auto !important; min-width: 260px; max-width: 382px; }
.dd-select { width: 105% !important; }
.dd-selected { font-weight: normal; /*font-size: 90%;*/ min-width: 360px; }
.dd-options { width: 100%; min-width: 400px; max-height: 400px; }
.dd-option-text, .dd-selected-text {  /*font-size: 90%;*/ }
.dd-desc { /*font-size: 70%*/ color: #737373; }
.dd-option:hover, .dd-selected:hover { text-decoration: none; }
.dd-selected-description { display: none !important; }

@media only screen and (max-width: 768px){
.auto-system-box .title { padding: 8px 10px; /*font-size: 88%;*/ }
.auto-system-box .c-textBox .fa-normal_list.fa-normal_list_row { margin-bottom: 5px; padding-left: 1em; }
.auto-system-box .c-textBox .fa-normal_list.fa-normal_list_row ul li{ /*font-size: 75%;*/}
.auto-system-box .steps-group .title-area { display: block; }
.auto-system-box .steps-group .title-area .tel-num a { pointer-events: auto; }
.auto-system-box .steps-group { padding-left: 3.5rem; }
.auto-system-box .steps-group .title-area > h3 { margin-bottom: 5px; }
.auto-system-box .steps-group .title-area > h3:before { font-size: 10px; width: 2.5rem; height: 1.5rem; }
.auto-system-box .steps-group .title-area .value-txt { font-size: 12px; margin-left: 0; }
.auto-system-box .steps-group .title-area .value-txt,
.auto-system-box .steps-group select,
.auto-system-box .steps-group .title-area .products-value-txt { margin-left: -3.5rem; }
.auto-system-box .steps-group .title-area .products-value-txt .value-txt { margin-left: 0; }
.auto-system-box .steps-group select { margin-top: 8px; width: 120%; font-size: 100%; }
.auto-system-box .steps-group .title-area .push-num { font-size: 16px; line-height: 2rem; }
#select_products { min-width: 100%; margin-left: -3.5rem; margin-top: 8%; }
#select_products +.products-value-txt { margin-left: -3.5rem !important; }
.dd-select { width: 100% !important; }
.dd-options { min-width: 100%; }
.dd-selected { width: 90%; min-width: 90%; }
}

/*! =========================================================
 .melfa_support_spec_list
========================================================= */
.melfa_support_spec_list_btn { display: table; width: 100%; height: 55px; background: #E6E6E6; border: 1px solid #d5d5d5; box-sizing: border-box; }
.melfa_support_spec_list_btn p { display: table-cell; padding: 5px 0; vertical-align: middle; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_ttl { width: 380px; color: #005E8C; /*font-size: 88%;*/ font-weight: 700; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_ttl span { position: relative; display: block; padding-left: 36px; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_ttl span:before { content: ''; display: block; position: absolute; top: 50%; left: 13px; width: 14px; height: 14px; margin-top: -7px; background: url(/fa/contact-us/spec/img/spec_list_icon.gif) no-repeat; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_txt { /*font-size: 75%;*/ color: #333; padding-right: 15px; }
.melfa_support_spec_list_btn:hover { text-decoration: none; }
.melfa_support_spec_list_btn.is-open { background: #767676; border: 1px solid #767676; }
.melfa_support_spec_list_btn.is-open p { color: #FFF; }
.melfa_support_spec_list_btn.is-open p.melfa_support_spec_list_ttl span:before { background-position: 0 100%; }
.melfa_support_spec_list { display: none; padding-bottom: 25px; }
.spec-support-nav .products .group { width: 100%; padding: 0; }
.spec-support-nav .products .group:first-of-type { padding: 0; }
.spec-support-nav .products .item .main, .spec-support-nav .products .item .sub_txt { display: table-cell; padding: 5px 0; vertical-align: middle; }
.spec-support-nav .products .item .main { width: 374px; color: #005E8C;  /*font-size: 90%;*/ }
.spec-support-nav .products .item .sub_txt { width: 566px; line-height: 2; /*font-size: 75%;*/ color: #333; padding-left: 18px; }
.spec-support-nav .products .item .modal_inner_content { display: none; }
.sub_txt li { list-style: disc; margin-left: 1.5rem; line-height: normal; }
.sub_txt .two-col, .product-title-sub .two-col { display: flex; }
.sub_txt .two-col ul +ul, .product-title-sub .two-col ul +ul { margin-left: 50px; }
.sub_txt .two-col+p, .product-title-sub .two-col+p { margin-top: 10px; }
.spec-support-nav .products .group .list { list-style-type: none; padding: 0; margin: 0 auto; display: none; border: 1px solid #d5d5d5; }
.spec-support-nav .products .group .list.opened { padding: 0; margin: 0 18px 0; }
.spec-support-nav .products .group .list .item { border-bottom: 1px solid #ddd; font-size: 16px; padding: 10px 0; }
.spec-support-nav .products .group .list .item .link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 12px; padding-right: 12px; }
.spec-support-nav .products .group .list .item .link a { position: relative; padding-left: 5px; display: inline-block; padding-right: 24px; text-indent: 0px; }
.c-textBox { margin: 30px auto 16px; padding: 0; }
.c-textBox-bgColor01 p { padding-left: 1em; text-indent: -1em; }
.c-textBox p + p { margin-top: 5px; }
.support-detail { display: block; border-bottom: 1px solid #ddd; padding-bottom: 16px;}
.support-detail+.support-detail { padding-top: 16px; }
.placeBox__detailsArea { padding: 0; /*float: left;*/ display: table; }
.placeBox__detailsArea dt { float: left; font-size: 16px; font-weight: 700; display: inline; clear: both; /*margin: 0 0 8px 0;*/ }
.placeBox__detailsArea dd { display: inline; float: left; font-size: 16px; margin: 0 0 3px 0; margin-right: 15px; padding: 0; background: 0 0; }
.contact-btn { display: block; margin-top: 20px; clear: both; }
.contact-sub-txt { display: block; margin-top: 20px; font-size: 16px; }

/* Modal */
.c-modal__body { margin-top: 0;}
 .spec-support-nav .wrap-models { display: none; }
[data-js-modal_fixed] body { overflow: visible !important; }
[data-js-modal_container] { width: 620px; }
.spec-support-nav .models { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 3; margin-top: 16px; padding: 8px 0 20px; border-top-color: #ddd; }
.fa-extra_heading_lv3 { margin-top: 0; margin-bottom: 16px; padding-bottom: 8px; color: #333; border-bottom: 2px solid #d5d5d5; }
.fa-extra_heading_lv3 .product-title { width: 100%; margin-bottom: 10px; }
.fa-extra_heading_lv3 .product-name { font-weight: 700; font-size: 18px; color: #d50000; }
.fa-extra_heading_lv3 .product-title-sub { font-size: 14px; }
.fa-extra_heading_lv3 .product-title-sub span { line-height: 2; }
.fa-extra_heading_lv3 .product-title-sub li { list-style: disc; margin-left: 1rem; line-height: normal; }
.spec-support-nav .models.is-hidden { display: none !important; }
.modal_close_btn { outline: 0; }

@media only screen and (max-width: 768px){
.melfa_support_spec_list_btn p { display: block; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_ttl { width: auto; padding: 10px 15px 0 0; font-size: 100%; }
.melfa_support_spec_list_btn p.melfa_support_spec_list_txt { padding: 10px 15px; font-size: 86%; }
.spec-support-nav .products .group { margin: 0; }
.spec-support-nav .products .group .list .item:first-child { margin-top: 5px; }
.spec-support-nav .products .group .list .item .link,
.spec-support-nav .products .item .main, .spec-support-nav .products .item .sub_txt { display: block; width: auto; }
.spec-support-nav .products .item .main { width: 100%; font-size: 100%; }
.spec-support-nav .products .item .sub_txt { padding-left: 5px; }
.spec-support-nav .products .group .list.opened { margin: 0; }
.placeBox__detailsArea { float: none; }

/* Modal */
[data-js-modal_container] { width:100%; }
.fa-extra_heading_lv3 { display: block; }
.fa-extra_heading_lv3 .product-title { width: 100%; margin-bottom: 10px; }
}

@media screen and (min-width: 769px) {
a[href^="tel:"] { display: inline-block; pointer-events: none; color: #333; }
}



/*! =========================================================
 #announce
========================================================= */
p#announce { background-color: #fcf7f8; border: 1px solid #db99a3; padding: 10px; margin: 10px 0; /*font-size: 75%;*/ }
p#announce .announce_title { font-weight: bold; }
p#announce span.announce_detail { display: inline-block; padding: 6px 12px; }

@media only screen and (max-width: 768px){
p#announce { /*font-size: 86%;*/ }
}


/*! =========================================================
 #support TOP
========================================================= */
.support_top .spec-support-nav {display: none; }
.support_top .box .box_item .box_title { float: none; }
.support_top .spec-support-nav .products .group .list { display: block; }
.contact-btn:last-child { margin-bottom: 20px; }
.support_top.fa-modal_window_inner .support-detail { border-bottom: none; padding-bottom: 0;}
.support_top.fa-modal_window_inner .support-detail .contact-btn:last-child { margin-bottom: 0;}
.support_top.fa-modal_window_inner .contact-btn .btn_grad_mini {width: 70% !important; text-align: center; display: block; margin: auto; }

/*! =========================================================
 #congestion TOP
========================================================= */
.melfa_helper-color-red_vivid { color: #e50000; }
.fa-list_symbol { margin-bottom: 16px; text-align: right; font-size: 86%; }
.fa-list_symbol li { display: inline-block; margin-left: 24px; }
.fa-heading_table_content { margin-bottom: 20px; font-size: 12px;}
.fa-heading_table_head tr th { width: 3em; }
.fa-heading_table_head tr th:first-child { width: 43%; }
.fa-heading_table_center,.melfa_table_center,.melfa_helper-text-center { text-align: center;}
@media only screen and (max-width: 768px){
  .fa-list_symbol { margin-top: 20px; text-align: left; font-size: 100%; font-size: 82%; display: flex; gap: 0px 10px; }
  .fa-list_symbol li { display: block; margin-left: 0; }
  .fa-heading_table_content { border-top: 1px solid #ccc; }
  .fa-heading_table_head { display: none; }
  .fa-heading_table_body tr,
  .fa-heading_table_body th { display: block; }
  .fa-heading_table_body th { padding: 8px 4px; border-top: none; border-bottom: none; font-size: 12px; }
  .fa-heading_table_body td { width: 1%; padding: 6px 0; box-sizing: border-box; font-size: 14px; }
  .fa-heading_table_center .fa-only_small { display: block; margin-bottom: 4px; text-align: center; font-size: 12px; }
  .fa-text-left-only_small { text-align: left; }
}
