/*! ======================================
    /fa/sols/sol/remote/index.html
====================================== */
#melfa_main_area.remote_index h1{font-size:1em;margin-bottom:30px}
#melfa_main_area.remote_index .h2__wrap {position:relative; font-size:1.14em; margin-bottom:30px; border-bottom:1px #bdbdbd solid;}
#melfa_main_area.remote_index .h2__wrap h2 {background:none!important; margin-bottom:1px; border-bottom:2px #e60000 solid;}
#melfa_main_area.remote_index .h2__wrap h2 span {display:block; padding:2px 0 0 12px; margin-bottom:3px; background:url(../img/icon_h2.png) no-repeat left center;}
#melfa_main_area.remote_index .h2__wrap .logo_fa_alliance {position:absolute; right:0; bottom:8px; }
#melfa_main_area.remote_index .toplead{font-size:1.5em;font-weight:700;color:#e60000;margin-bottom:20px}

#melfa_main_area.remote_index .main_section .note{font-size:.75em;margin-top:10px}
#melfa_main_area.remote_index p{font-size:.88em;margin-top:0}
#melfa_main_area.remote_index img{max-width:100%;height:auto;vertical-align:top}


#melfa_main_area.remote_index .introduction_video_block{background:#f1f1f1;padding:28px 20px 30px;margin:30px 0 60px;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title{color:#3a6aa6;font-weight:bold;font-size:1.25em;text-align:center;position:relative;background:none;margin:0 0 15px;padding:0;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title:after{content:'';position:absolute;width:100%;height:2px;margin-top: 1px;background:#c1c1c1;top:50%;left:0;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title span{padding:10px 20px 0 58px;display:inline-block;position:relative;z-index:1;background:url(../img/video_title.png) #f1f1f1 no-repeat;background-position:18px;}
#melfa_main_area.remote_index .introduction_video_block .introduction_video{width:534px;margin:0 auto;}

/* ------------------------------------------------ */
/* section */
/* ------------------------------------------------ */
#melfa_main_area.remote_index .main_section {margin-top:20px}
#melfa_main_area.remote_index .main_section .sec_block {margin-top:30px;margin-bottom:60px}
#melfa_main_area.remote_index .main_section .sec_block .btn__1clm {display:block; padding:30px; background:#efefef; text-align:center;margin:30px 0; font-weight: bold;}

#melfa_main_area.remote_index .main_section .sec_block .security_block{ background-color: #edf0f2;margin-top: 40px; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .security_title{display: flex;align-items: center;padding: 10px 20px 9px;color: #fff;background-color: #0f3966;background-image:none;font-size: 1.375em;letter-spacing: -0.05em; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .security_title span{ background: none;padding: 0 18px 0 0; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col{ display: flex;justify-content: space-between;align-items:center;padding: 28px 30px 24px; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col{ width: 45.417% }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col_text{ line-height: 1.71;letter-spacing: -0.06em; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .lead_title{font-size: 1em; background: none;margin: 0;padding: 0 0 9px; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col+.col{ width: 50%; }

#melfa_main_area.remote_index .main_section .sec_block a.banner_catalog {display:block; text-align:center;margin:50px 0; -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}
#melfa_main_area.remote_index .main_section .sec_block a.banner_catalog:hover{text-decoration:none;opacity:0.7;}

#melfa_main_area.remote_index .main_section .partner__wrap {margin-bottom:20px;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf{display:flex;width:100%}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm{flex-grow:1;width:370px;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm:nth-child(odd){margin-right:20px}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm:nth-child(even){margin-left:20px}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .title{font-size:1em;font-weight:700;text-align:center;margin-bottom:15px;}

#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm a.more{
  display:block;
  background:#e60000;
  padding:7px 10px;
  text-align:center;
  margin-bottom:15px;
  -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;
}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm a.more:hover{text-decoration:none;opacity:0.7;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm a.more span{
  color:#fff;
  text-align:center;
  font-size:.88em;
  font-weight:700;
  padding-right:20px;
  background:url('../img/icon_pdf.png') no-repeat right 1px;
}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .partner {
  display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
  -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .partner .logo{width:120px;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .partner .txt{width:250px;}

@media screen and (max-width:640px){
#melfa_main_area.remote_index h1{font-size:.88em;margin-bottom:20px}
#melfa_main_area.remote_index .h2__wrap h2{margin-top:0;}
#melfa_main_area.remote_index img{width:100%}
#melfa_main_area.remote_index .txt18_22{font-size:0.88em;font-weight:bold;line-height:1.7;}
#melfa_main_area.remote_index .toplead{font-size:1.14em;font-weight:700;color:#e60000;margin-bottom:20px}
#melfa_main_area.remote_index .main_section .sec_block{margin-top:30px;margin-bottom:40px}

#melfa_main_area.remote_index .introduction_video_block{padding:18px 20px 25px;margin:25px 0 40px;}
#melfa_main_area.remote_index .introduction_video_block .introduction_video{width:100%;}
#melfa_main_area.remote_index .introduction_video_block .introduction_video video{width:100%;vertical-align:middle;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title span{padding:25px 0 0;background-position:top center;background-size:26px;line-height:1.3;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title:after{display:none;}
#melfa_main_area.remote_index .introduction_video_block .introduction_title{font-size:1.125em;margin:0 0 8px;}

#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf{display:block;width:100%}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm{flex-grow:1;width:100%;margin-bottom:25px;padding-bottom:25px;border-bottom:1px #cacaca solid;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm:nth-child(odd){margin-right:0}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm:nth-child(even){margin-left:0}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .partner .logo{width:30%;margin-right:5%;}
#melfa_main_area.remote_index .main_section .partner__wrap .clmHalf .clm .partner .txt{width:65%;}

#melfa_main_area.remote_index .main_section .sec_block .security_block .security_title{ padding:10px;font-size: 100%; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .security_title span{ padding-right: 10px; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col{ display:block;padding: 20px; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col,#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col+.col{ width: 100%; }
#melfa_main_area.remote_index .main_section .sec_block .security_block .has_col .col+.col{ margin-top: 20px; }
}