@charset "utf-8";

/* ========== body ========== */
/* body{
  background: url(/products/fx/tools/fx_app/img/pc/bg_01.png) no-repeat top center;
  background-size: auto 100%;
  background-attachment: fixed;
}*/
body{
  background: #fff;
}

#jbk-frame-main .frame-content{
  max-width: 100%;
  padding: 0;
}

.fx_app-bg-white{
  background-color: #eee!important;
}

.fx_app-c-ground-01_section{
  max-width: 100%;
}

.c-ground-01{
  max-width: 976px;
}
.c-ground-02{
  max-width: 976px;
}
.c-ground-03{
  max-width: 976px;
}
.mt60{
margin-top: 60px;
}
.mt100{
margin-top: 100px!important;
}
.pt30{
  padding-top: 30px!important;
}
.pb0{
  padding-bottom: 0px!important;
}
.pb30{
  padding-bottom: 30px!important;
}
.pb60{
  padding-bottom: 60px!important;
}
.pb100{
  padding-bottom: 100px!important;
}
.fx_app-img-notice{
  position: absolute;
  top: 71%;
  left: 27.2%;
  width: 47%;
  height: auto;
}


#fx_app-img-icon_00{
  position: absolute;
  top: -3%;
  right: -4%;
  width: 15%;
  height: auto;
  z-index: 999;
}
#fx_app-img-icon_01{
  position: absolute;
  top: 4%;
  right: 28%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_02{
  position: absolute;
  top: 27%;
  left: 4%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_03{
  position: absolute;
  top: 27%;
  right: 33%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_04{
  position: absolute;
  top: 9%;
  right: 28%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_05{
  position: absolute;
  bottom: 43%;
  left: 3%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_06{
  position: absolute;
  top: 11%;
  right: 28%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_07{
  position: absolute;
  top: 19%;
  left: 30%;
  width: 10%;
  height: auto;
}
#fx_app-img-icon_08{
  position: absolute;
  border-radius: 30px;
  bottom: 6.2%;
  left: 10%;
  width: 28.2%;
  height: auto;
}


/* ========== fx_app_c-nav ========== */
.fx_app_c-nav_wrap{
/*   background: url(/products/fx/tools/fx_app/img/pc/line.png) repeat-y top center; */
  background-size: 2px 1px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -56px;
  max-width: 250px;
  width: 250px;
  z-index: 9999;
}
#fx_app_c-nav{
  list-style: none;
  position: fixed;
  top: 38%;
  right: 50px;
  max-width: 50px;
  width: 50px;
  padding-left: 0;
  z-index: 9999;
}
#fx_app_c-nav li{
  margin-top: 30px;
}
#fx_app_c-nav li:first-child{
  margin-top: 0;
}

/* ========== ground ========== */
#fx_app-c-ground-01_section_key-visual{
  background: url(/products/fx/tools/fx_app/img/pc/kv_bg_01_pc.png) repeat top center;
  background-size: auto auto;
  padding: 60px 0;
}
#fx_app-c-ground-01_section_01{
  background: url(/products/fx/tools/fx_app/img/pc/bg_01_pc.png) repeat-x top center;
  background-size: auto 100%;
}
#fx_app-c-ground-01_section_02{
  background: url(/products/fx/tools/fx_app/img/pc/bg_02_pc.png) repeat-x top center;
  background-size: auto 100%;
}
#fx_app-c-ground-01_section_03{
  background: url(/products/fx/tools/fx_app/img/pc/bg_03_pc.png) repeat-x top center;
  background-size: auto 100%;
}
#fx_app-c-ground-01_section_04{
  background-color: #fff;
}
#fx_app-c-ground-01_section_05{
  background: url(/products/fx/tools/fx_app/img/pc/bg_04_pc.png) no-repeat top center;
  background-size: 100% 100%;
}
#fx_app-c-ground-01_section_06{
  background-color: #1b376a;
}
#fx_app-c-ground-01_section_07{
  background: url(/products/fx/tools/fx_app/img/pc/bg_04_pc.png) no-repeat top center;
  background-size: 100% 100%;
}
#fx_app-c-ground-01_section_08{
  background-color: #fff;
}
.fx_app-c-ground-01{
  position: relative;
  padding: 60px 0;
  border: none;
  box-shadow: none;
  background-color: rgba(70,160,190,0);
}


/* ========== movie ========== */
.section__movie_wrap{
  position: relative;
  height: auto;
}

.section__movie_wrap .movie__movie01_01{
    position: absolute;
    border-radius: 10px;
    bottom: 6%;
    right: 3.4%;
    width: 28%;
    height: auto;
}
.section__movie_wrap .movie__movie01_02{
    position: absolute;
    border-radius: 2px;
    top: 28.2%;
    left: 10.5%;
    width: 26%;
    height: auto;
}
.section__movie_wrap .movie__movie01_03{
    position: absolute;
    border-radius: 2px;
    top: 28.2%;
    right: 10.5%;
    width: 26%;
    height: auto;
}
.section__movie_wrap .movie__movie02_01{
    position: absolute;
    border-radius: 10px;
    top: 9%;
    right: 3.4%;
    width: 28%;
    height: auto;
}
.section__movie_wrap .movie__movie03_01{
    position: absolute;
    border-radius: 10px;
    top: 11%;
    right: 3.4%;
    width: 28%;
    height: auto;
}
.section__movie_wrap .movie__movie03_02{
    position: absolute;
    border-radius: 10px;
    bottom: 4.5%;
    left: 36.2%;
    width: 28%;
    height: auto;
}

/* ========== section__app-download_wrap ========== */
.section__app-download_wrap{
  position: relative;
  height: 100%;
}

.section__app-download_wrap img.img-app-download-left{
  position: absolute;
  top: 22.5%;
  left: 5%;
  width: 20%;
  height: auto;
}
.section__app-download_wrap img.img-app-download-right{
  position: absolute;
  top: 22.5%;
  left: 30%;
  width: 20%;
  height: auto;
}
.section__app-download_wrap img.img-app-download-login{
  position: absolute;
  top: 22.5%;
  left: 65.3%;
  width: 29.5%;
  height: auto;
}

/* ========== slider ========== */
#fx_app_slider_wrap_01{
    position: absolute;
    border-radius: 10px;
    top: 1.6%;
    right: 5.8%;
    width: 29.1%;
    height: auto;
    z-index: 100;
}
#fx_app_slider_wrap_01_appear{
    display: block;
}
#fx_app_slider_wrap_01 .bx-wrapper .slider img{
    border-radius: 20px;
}
#fx_app_slider_wrap_01 .bx-controls-direction{
display: none;
position: absolute;
right: 9999px;
}
#fx_app_slider_wrap_01 .bx-pager{
display: none;
position: absolute;
right: 99px;
}

#fx_app_slider_wrap_02{
margin:0 auto;
}
#fx_app_slider_wrap_02 img{
width:100%;
}
#fx_app_slider_wrap_02 .bx-wrapper{
margin:0 auto;
}
#fx_app_slider_wrap_02 .bx-controls-direction{
display: none;
position: absolute;
right: 9999px;
}
#fx_app_slider_wrap_02 .bx-pager{
display: none;
position: absolute;
right: 99px;
}

#section-faq .question,#section-faq .answer-wrap{
margin-bottom: 0!important;
border: 1px solid #bcbcbc;
border-top: 0;
}
#section-faq ul.questions > li + li{
margin-top: 0!important;
}
#section-faq ul.questions > li:first-child {
border-top: 1px solid #bcbcbc;
}