/*! ======================================
    /fa/sols/sol/remote/
====================================== */

/* ------------------------------------------------ */
/* section */
/* ------------------------------------------------ */
#melfa_main_area.remote .arrow_down {margin:12px 0 15px 0; text-align:center; line-height:1;}
#melfa_main_area.remote .figure {margin:2em 0;}

/* ------------------------------------------------ */
/* nav_case_top */
/* ------------------------------------------------ */
#melfa_main_area.remote .nav_case_top {background:#f1f1f1; padding:6px 6px 0 6px;}
#melfa_main_area.remote .nav_case_top ul {margin:0;}
#melfa_main_area.remote .nav_case_top ul li {width:252px; border:1px #d5d5d5 solid; box-sizing:border-box; float:left; margin-right:6px; margin-bottom:6px; background:#fff;}
#melfa_main_area.remote .nav_case_top ul li:nth-child(3n) {margin-right:0;}
#melfa_main_area.remote .nav_case_top ul li .case_title .num {width:50%; float:left; color:#fff; font-weight:700; padding:3px 0 2px 0;}
#melfa_main_area.remote .nav_case_top ul li .case_title .num > span {padding-left:5px;}
#melfa_main_area.remote .nav_case_top ul li .case_title .category {width:50%; float:right; padding:3px 0 0 0; text-align:center;}
#melfa_main_area.remote .nav_case_top ul li .title {padding:10px; font-size:.95em; color:#333;}

/* nav_case_top > observ */
#melfa_main_area.remote .nav_case_top ul li.observ .case_title {border:2px #59841b solid;}
#melfa_main_area.remote .nav_case_top ul li.observ .case_title .num {background:#59841b;}
#melfa_main_area.remote .nav_case_top ul li.observ .case_title .category {border:1px #acc28d solid; box-sizing:border-box; color:#59841b; font-weight:700; background:#fff;}
#melfa_main_area.remote .nav_case_top ul li.observ.current .title {padding:9px 10px; border-left:2px #59841b solid; border-right:2px #59841b solid; border-bottom:2px #59841b solid; box-sizing:border-box; font-weight:700; background:#e5f1d3;}

/* nav_case_top > mainte */
#melfa_main_area.remote .nav_case_top ul li.mainte .case_title {border:2px #990066 solid;}
#melfa_main_area.remote .nav_case_top ul li.mainte .case_title .num {background:#990066;}
#melfa_main_area.remote .nav_case_top ul li.mainte .case_title .category {border:1px #da8c96 solid; box-sizing:border-box; color:#990066; font-weight:700; background:#fff;}
#melfa_main_area.remote .nav_case_top ul li.mainte.current .title {padding:9px 10px; border-left:2px #990066 solid; border-right:2px #990066 solid; border-bottom:2px #990066 solid; box-sizing:border-box; font-weight:700; background:#fbe0e3;}

/* nav_case_top > service */
#melfa_main_area.remote .nav_case_top ul li.service .case_title {border:2px #cc871f solid;}
#melfa_main_area.remote .nav_case_top ul li.service .case_title .num {background:#cc871f;}
#melfa_main_area.remote .nav_case_top ul li.service .case_title .category {border:1px #e0bb80 solid; box-sizing:border-box; color:#cc871f; font-weight:700; background:#fff;}
#melfa_main_area.remote .nav_case_top ul li.service.current .title {padding:9px 10px; border-left:2px #cc871f solid; border-right:2px #cc871f solid; border-bottom:2px #cc871f solid; box-sizing:border-box; font-weight:700; background:#f7e8dc;}

/* nav_case_top > dev */
#melfa_main_area.remote .nav_case_top ul li.dev .case_title {border:2px #39608d solid;}
#melfa_main_area.remote .nav_case_top ul li.dev .case_title .num {background:#39608d;}
#melfa_main_area.remote .nav_case_top ul li.dev .case_title .category {border:1px #92adcf solid; box-sizing:border-box; color:#39608d; font-weight:700; background:#fff;}
#melfa_main_area.remote .nav_case_top ul li.dev.current .title {padding:9px 10px; border-left:2px #39608d solid; border-right:2px #39608d solid; border-bottom:2px #39608d solid; box-sizing:border-box; font-weight:700; background:#d7e3f2;}


/* ------------------------------------------------ */
/* section_case */
/* ------------------------------------------------ */
#melfa_main_area.remote .section_case_wrap {background:#f1f1f1; padding:20px; margin-bottom:25px;}
#melfa_main_area.remote .section_case_wrap h2 {width:100%; margin:0 0 20px 0; box-sizing:border-box; border-right:1px #d0d0d0 solid;}
#melfa_main_area .section_case_wrap > .title {padding:30px; text-align:center; color:#fff; font-size:1.5em; font-weight:700;}
#melfa_main_area.remote .section_case_wrap > .title.observ {background:#59841b;}
#melfa_main_area.remote .section_case_wrap > .title.mainte {background:#990066;}
#melfa_main_area.remote .section_case_wrap > .title.service {background:#cc871f;}
#melfa_main_area.remote .section_case_wrap > .title.dev {background:#39608d;}
#melfa_main_area.remote .section_case_wrap .section_case {background:#fff; padding:30px;}
#melfa_main_area.remote .section_case_wrap .section_case .mds {font-size:1.5em; font-weight:700; text-align:center; margin-bottom:30px;}
#melfa_main_area.remote .section_case_wrap .section_case .mds .txtRed {color:#e60000;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf {width:50%; float:left;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf .mds_sub {font-size:1.125em; font-weight:700; margin-bottom:10px;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf p {text-align:center;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf p img {width:320px;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmfull {width:100%; text-align:center;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmfull > .mds_sub {font-size:1.125em; font-weight:700; margin-bottom:10px;}
#melfa_main_area.remote .section_case_wrap .section_case .clm .clmfull p img {width:320px;}

/* section_case > step_title */
#melfa_main_area.remote .section_case_wrap .section_case .step_title {
  background:#efefef;
  display:-webkit-box; display:-ms-flexbox; display:flex;
}
#melfa_main_area.remote .section_case_wrap .section_case .step_title .step_title_txt {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  width:50px;
  padding-left:50px;
  color:#fff;
  font-weight:700;
  text-align:center;
}
#melfa_main_area.remote .section_case_wrap .section_case .step_txt {
  width:540px;
  font-weight:700;
  padding:20px;
  font-size:.88em;
}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.task .step_txt {background:url("../img/bg_task_arrow.png") no-repeat left center;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.corresp .step_txt {background:url("../img/bg_corresp_arrow.png") no-repeat left center;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.effect .step_txt {background:url("../img/bg_effect_arrow.png") no-repeat left center;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.task .step_title_txt {background:#8758e6 url("../img/bg_task.png") no-repeat left bottom;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.corresp .step_title_txt {background:#5f5fe4 url("../img/bg_corresp.png") no-repeat left 10px center;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.effect .step_title_txt {background:#2e79d7 url("../img/bg_effect.png") no-repeat left 10px center;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title span.large {font-size:1.143em}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.task span.large {color:#8758e6;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.corresp span.large {color:#5f5fe4;}
#melfa_main_area.remote .section_case_wrap .section_case .step_title.effect span.large {color:#2e79d7;}
#melfa_main_area.remote .section_case_wrap .section_case ol.list_num {margin:0 0 .5em 0 !important; padding:0;}
#melfa_main_area.remote .section_case_wrap .section_case ol.list_num li {list-style-type:none; list-style-position:inside; counter-increment:cnt; font-size:1.25em; font-weight:700;}
#melfa_main_area.remote .section_case_wrap .section_case ol.list_num li:before {content:"(" counter(cnt)") ";}
#melfa_main_area.remote .section_case_wrap .section_case ul.square {margin:0;}
#melfa_main_area.remote .section_case_wrap .section_case ul.square li {font-size:1.25em; font-weight:700; text-indent:-1em; margin-left:1em;}
#melfa_main_area.remote .section_case_wrap .section_case ul.square li:before {content:"■";}

/* section_case > link_other_products */
#melfa_main_area.remote .section_case_wrap .section_case .link_other_products {margin-top:2em; padding:20px; border:1px #d0d0d0 solid;}
#melfa_main_area.remote .section_case_wrap .section_case .link_other_products h3 {background:none; margin:0 0 .5em 0; padding:0;}
#melfa_main_area.remote .section_case_wrap .section_case .link_other_products ul {margin:0;}
#melfa_main_area.remote .section_case_wrap .section_case .link_other_products ul li a {
  display: block;
  padding: 3px 0 3px 12px;
  color:#3f445d;
  background:url(/fa/shared/v0002/img/local_nav/bg_support_a04.gif) no-repeat 2px 8px;
}


/* ------------------------------------------------ */
/* list_catalog */
/* ------------------------------------------------ */
#melfa_main_area.remote .list_catalog_wrap .list_catalog {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  margin-top: 20px;
  font-size: .88em;
}
#melfa_main_area.remote .list_catalog_wrap .list_catalog:after {
  content: "";
  display: block;
  width: 32%;
  height: 0;
}
#melfa_main_area.remote .list_catalog_wrap .list_catalog .item_catalog {
  width:32%;
  margin-bottom: 20px;
}
#melfa_main_area.remote .list_catalog_wrap .list_catalog .item_catalog .thumb {
  float:left;
  width:65px;
  margin-right:10px;
}
#melfa_main_area.remote .list_catalog_wrap .list_catalog .item_catalog .txt .title_catalog {
  font-weight: 700 !important;
  margin-bottom: 10px;
}


/* ------------------------------------------------ */
/* nav_case_bottom */
/* ------------------------------------------------ */
#melfa_main_area.remote .nav_case_bottom_wrap {
  border-top:6px #d5d5d5 solid;
  margin-top:50px;
  padding-top:40px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom {
  border:1px #d5d5d5 solid;
  padding:40px 50px 30px 50px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom h2 {
  background:none;
  font-size:1em;
  padding-bottom:4px;
  margin:5px 0 15px 0;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .observ h2 { color:#59841b;border-bottom:2px #59841b solid; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .mainte h2 { color:#990066;border-bottom:2px #990066 solid; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .service h2 { color:#cc871f;border-bottom:2px #cc871f solid; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .dev h2 { color:#39608d;border-bottom:2px #39608d solid; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul {
  margin:0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li {
  margin:0;
  width:330px;
  font-size:1em;
  padding-top:15px;
  border-top:1px #d5d5d5 solid;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(2n) {
  margin-left:18px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(1),
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(2) {
  border-top:none;
  padding-top:0;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .num {
  display:block;
  width:6em;
  text-align:center;
  color:#fff;
  font-weight:700;
  margin-bottom:6px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .observ ul li .num { background:#59841b; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .mainte ul li .num { background:#990066; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .service ul li .num { background:#cc871f; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom .dev ul li .num { background:#39608d; }
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .item {
  display:block;
  font-size:1.143em;
  padding-bottom:15px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .item a {
display: block;
color:#005e8c !important;
padding: 3px 0 3px 12px;
background:url(/fa/shared/v0002/img/local_nav/bg_support_a04.gif) no-repeat 2px 8px;
}
#melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .item.current {
color:#333;
font-weight:700;
padding: 3px 0 15px 12px;
background:url(/fa/shared/v0002/img/local_nav/bg_support_a04.gif) no-repeat 2px 8px;
}


/*@media screen and (min-width:641px){
  .sp {display:none;}
}*/


@media screen and (max-width:640px){
  /*.pc {display:none;}*/
  #melfa_main_area.remote .nav_case_top ul li {
    width:100%;
    border:1px #d5d5d5 solid;
    box-sizing:border-box;
    float:left;
    margin-right:0;
    margin-bottom:10px;
    background:#fff;
  }
  #melfa_main_area.remote .arrow_down {margin:12px 0 15px 0; text-align:center; line-height:1;}
  #melfa_main_area.remote .arrow_down img {width:15%;}

  #melfa_main_area.remote .section_case_wrap .section_case .mds {font-size:1.25em; font-weight:700; text-align:center; margin-bottom:30px;}
  #melfa_main_area.remote .section_case_wrap {background:#f1f1f1; padding:15px !important; margin-bottom:25px;}
  #melfa_main_area.remote .section_case_wrap h2 {width:100%; margin:0 0 20px 0; box-sizing:border-box; border-right:1px #d0d0d0 solid;}
  #melfa_main_area.remote .section_case_wrap > .title {padding:15px; text-align:center; color:#fff; font-size:1.286em; font-weight:700;}
  #melfa_main_area.remote .section_case_wrap .section_case {background:#fff; padding:20px 15px !important;}
  #melfa_main_area.remote .section_case_wrap .section_case .mds {font-size:1.286em; margin-bottom:20px;}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf > .mds {font-size:1em; font-weight:700; margin-bottom:.5em}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf {width:100% !important; float:none;}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf p img {width:100%;}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .mds_sub {font-size:1em !important; margin-bottom:10px !important;}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .clmhalf:nth-child(1) {margin-bottom:20px;}
  #melfa_main_area.remote .section_case_wrap .section_case .clm .clmfull p img {width:100%;}

  #melfa_main_area.remote .section_case_wrap .section_case .step_title p {
    display:inline-block;
    float:left;
    padding:10px;
    font-weight:700;
    width:calc(80% - 20px);
  }
  #melfa_main_area.remote .section_case_wrap .section_case .step_title .step_title_txt {
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-align:center; -ms-flex-align:center; align-items:center;
    -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
    width:25%;
    padding:10px 0;
    color:#fff;
    font-weight:700;
    text-align:center;
  }
  #melfa_main_area.remote .section_case_wrap .section_case .step_title.task .step_title_txt {background:#8758e6 url("../img/bg_task.png") no-repeat left bottom;}
  #melfa_main_area.remote .section_case_wrap .section_case .step_title.corresp .step_title_txt {background:#5f5fe4 url("../img/bg_corresp.png") no-repeat left -5px bottom 10px;}
  #melfa_main_area.remote .section_case_wrap .section_case .step_title.effect .step_title_txt {background:#2e79d7 url("../img/bg_effect.png") no-repeat left -5px bottom 10px;}
  #melfa_main_area.remote .section_case_wrap .link_other_products .icon_logo {width:auto; height:1em;}
  #melfa_main_area.remote .section_case_wrap .section_case .step_txt {
    width:75%;
    font-weight:700;
    padding:15px;
    font-size:.88em;
  }
  #melfa_main_area.remote .section_case_wrap .section_case ol.list_num li {font-size: 1.125em;}

  #melfa_main_area.remote .list_catalog_wrap .list_catalog {
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap:wrap; flex-wrap:wrap;
    -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
    margin-top: 20px;
    font-size: .88em;
  }
  #melfa_main_area.remote .list_catalog_wrap .list_catalog .item_catalog {
    width:47%;
    margin-bottom: 20px;
  }

  #melfa_main_area.remote .nav_case_bottom_wrap { border-top:6px #d5d5d5 solid; margin-top:40px; padding-top:40px; }
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom { border:1px #d5d5d5 solid; padding:15px 15px 0 15px; }
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(2n) {margin-left:0;}
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(1) {border-top:none; padding-top:0;}
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li:nth-child(2) {padding-top:15px; border-top:1px #d5d5d5 solid;}
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .item.current {padding: 3px 0 15px 12px;}
  #melfa_main_area.remote .nav_case_bottom_wrap .nav_case_bottom ul li .num {font-size: .88em;}
}