@charset "UTF-8";
/* Common to sub-pages */
main.sub section ul.list{
    margin-left: 30px;
    list-style: disc;
}
.df.reverse,
.df_sb.reverse{
    flex-direction: row-reverse;
}
.highlight{
    background: #eee;
    padding: 30px;
    box-shadow: 2px 2px 15px rgba(187,187,187,.3);
    border-radius: 15px;
}
a.link_text{
    color: #FFC91F;
    font-size: inherit;
    position: relative;
    display: inline-block;
}
a.link_text::after{
    content: '';
    width: 100%;
    height: 1px;
    background: #FFC91F;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    transition: .5s;
}
a.link_text:hover{
    color: #329CCC;
}
a.link_text:hover::after{
    opacity: 0;
}
/* Around opening an account */
.register_sent .highlight{
    margin-top: 30px;
    color: #131314;
}
.sub.register_sent .highlight h3{
    margin-top: 0;
}
.sub.register_sent .highlight li:last-of-type{
    margin-top: 30px;
}
.register_error .btn{
    max-width: 480px;
    margin: 0 auto;
}
.support_window{
    color: #131314;
}
.support_window > div{
    width: calc(50% - 15px);
    background: #FFF;
    padding: 20px;
    box-shadow: 2px 2px 15px rgba(187,187,187,.3);
    border-radius: 10px;
}
.sub .support_window > div h3{
    margin-top: 15px;
    font-size: 1.8rem;
    line-height: 1.6;
}
.support_window img{
    margin: 20px auto;
}
/* FX */
.transaction_fx .h1_wrap {
    background: url(../img/sub/fx_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
.bg_merit{
    background: #1E1F21;
    color: #FFF;
}
.bg_merit h3{
    color: #FFC91F;
}
.transaction_fx .df_sb.merit > div{
    width: calc(50% - 15px);
    margin: 0 0 30px;
    padding: 30px;
    background: #131314;
    color: #FFF;
    border-radius: 15px;
}
.transaction_fx .df_sb.merit > div h3{
    margin-top: 0;
    text-align: center;
}
.item_box_fx .icon_wrap{
    width: 140px;
    height: 140px;
    margin: 20px auto;
    background: #FFC91F;
    border-radius: 50%;
    position: relative;
}
.item_box_fx img{
    width: 90px;
    height: 90px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* metals */
.metals h2{
    margin-bottom: 45px;
}
.metals h3{
    margin: 40px 0 20px;
}
.metals h3:first-of-type{
    margin-top: 0;
}
.metals .metals_icon .df_sb > div{
    width: calc((100% - 60px) / 4);
    max-width: 200px;
}
.metals .metals_icon p{
    font-weight: bold;
    font-size: 2rem;
}
.metals .metals_icon img{
    margin: 0 auto 15px;
}
.metals .spread p.tc,
.metals .time p{
    margin-bottom: 20px;
}
.metals .spread h3{
    margin: 0 0 15px;
    text-align: center;
}
.metals span.disc{
    margin: 5px auto 0;
    font-size: 1.2rem;
    text-align: center;
    display: block;
    line-height: 1.3;
}
.metals .spread .df > div{
    width: calc(100% / 3);
    padding: 30px 20px 20px;
}
.metals .spread .df > div:first-of-type{
    background: #00C29B;
}
.metals .spread .df > div:nth-of-type(2){
    background: #009CCC;
}
.metals .spread .df > div:last-of-type{
    background: #F55A1F;
}
.metals p.mini_box{
    margin-bottom: 10px;
    padding: 5px;
    border: 2px solid #FFF;
    text-align: center;
    display: block;
}
.metals .terms > div{
    width: calc(100% / 3);
    text-align: center;
    font-size: 1.8rem;
}
.metals .terms > div.micro,
.type .df.compare > div.micro,
.spread_table > div.micro{
    background: #2b7c78;
}
.metals .terms > div.standard,
.type .df.compare > div.standard,
.spread_table > div.standard{
    background: #306489;
}
.metals .terms > div.pro,
.type .df.compare > div.pro,
.spread_table > div.pro{
    background: #b64e37;
}
.type .df.compare > div.leverage6000,
.spread_table > div.leverage6000{
    background: #a5752e;
}
.metals .terms h4,
.type .df.compare h3,
.spread_table > div h3{
    padding: 15px;
    font-size: 2rem;
}
.metals .terms .micro h4,
.type .df.compare .micro h3,
.spread_table > div.micro h3{
    background: #00C29B;
}
.metals .terms .standard h4,
.type .df.compare .standard h3,
.spread_table > div.standard h3{
    background: #009CCC;
}
.metals .terms .pro h4,
.type .df.compare .pro h3,
.spread_table > div.pro h3{
    background: #F55A1F;
}
.type .df.compare .leverage6000 h3,
.spread_table > div.leverage6000 h3{
    background: #f1b700;
}
.metals .terms dl,
.type .df.compare dl{
    padding: 15px 25px;;
    line-height: 1.8;
}
.metals .terms dt,
.type .df.compare dt{
    margin-top: 20px;
    padding-top: 20px;
    font-size: 1.5rem;
    color: #FFC91F;
    border-top: 1px solid #aaa;
}
.metals .terms dt:first-of-type,
.type .df.compare dt:first-of-type{
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.type .df.compare dd span{
    font-size: 1.4rem;
    line-height: 1.6;
    display: block;
}
.df_sb.metals_time > div{
    width: calc((100% - 30px) / 3);
    padding: 20px;
    background: #FFF;
    border-radius: 15px;
    color: #131314;
}
.df_sb.metals_time > div:first-of-type{
    background: #ffeebe;
}
.df_sb.metals_time > div h3{
    margin-top: 0;
}
.df_sb.metals_time > div p{
    margin-bottom: 0;
}
h4.time_stop_h4{
    margin: 30px 0 5px;
    font-size: 1.8rem;
}
/* flow */
.howto .h1_wrap {
    background: url(../img/tradingaccount/howto_bg1.jpg) no-repeat center top;
    background-attachment: fixed;
}
.howto .step1 h2,
.howto .step2 h2{
    padding-left: 120px;
}
.howto section.step1 h2 span,
.howto section.step2 h2 span{
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: block;
    font-size: 3rem;
    position: relative;
    color: #ffc920;
}
.howto section.step1 h2 span::after,
.howto section.step2 h2 span::after{
    content: '';
    width: 3em;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc920;
}
.howto .step1{
    background: #424242;
}
.howto .step1 .inner,
.howto .step2 .inner{
    position: relative;
}
.howto .step1 .inner{
    z-index: 1;
}
.howto .step1 .inner::before{
    content: '';
    width: 60px;
    height: calc(100% + 50px);
    background: #FFC91F;
    position: absolute;
    top: -60px;
    left: 0;
}
.howto .step1 .inner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -110px;
    border-top: 120px solid #FFC91F;
    border-right: 100px solid transparent;
}
.howto .step2 .inner::before{
    content: '';
    width: 60px;
    height: calc(100% + 140px);
    background: #c19300;
    position: absolute;
    top: -140px;
    left: 0;
}
.howto .step2 .inner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -120px;
    border-top: 120px solid #c19300;
    border-right: 100px solid transparent;
}
.howto .step_text{
    font-size: 2.6rem;
    position: absolute;
    top: 0;
    left: -5px;
    transform: rotate(90deg);
}
.howto .step1 .step_text{
    color: #131314;
}
.howto .round_box > div{
    padding-top: 50px;
    box-shadow: none;
    background: #FFF;
    color: #131314;
}
.howto .round_box > div img{
    width: 60px;
    margin: 0 auto 20px;
    display: block;
}
.howto .round_box > div img.step1_img2{
    width: 70px;
    margin-top: 20px;
}
.howto .round_box > div img.step2_img1{
    width: 85px;
}
.howto .round_box > div img.step2_img2{
    margin-top: 5px;
    width: 45px;
}
.howto .step1 .green_btn{
    max-width: 320px;
    margin: 0 auto 15px;
    text-align: center;
    font-size: 1.6rem;
}
.howto .step1 .list span{
    font-size: 1.4rem;
}
.howto .step1 .list a{
    text-decoration: underline;
}
.howto .step1 .list a:hover{
    text-decoration: none;
}
.howto .step1 .list a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
}
.howto .step2{
    background: #2f2f2f;
}
p.pr100{
    padding-left: 100px;
}
.howto .step2 .list li ul{
    margin: 5px 0 0 15px;
}
.howto .step2 .list li li{
    color: #319CCC;
    list-style: disc;
    margin-bottom: 5px;
    font-size: 1.5rem;
}
.howto .step3 {
    background: url(../img/tradingaccount/howto_bg2.jpg) no-repeat center;
    color: #FFF;
}
.howto .step3 h2,
.howto .step3 p{
    text-shadow: 0px 0px 10px #000000;
}
.howto .step3 p .blue{
    color: #74c9ef;
}
.howto .inner .round_box{
    padding-left: 120px
}
.round_box > div{
    width: calc(50% - 50px);
    padding: 25px;
    background: #131314;
    border-radius: 15px;
    box-shadow: 2px 2px 15px rgba(187,187,187,.3);
    color: #FFF;
}
.round_box > div h3{
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #FFC91F;
    text-align: center;
}
.arrow_parent,
.plus_parent{
    position: relative;
}
.arrow_parent::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% + 50px);
    border: 25px solid transparent;
    border-left: 25px solid #FFC91F;
}
/* Because SMS authentication is hidden */
.plus_parent.round_box > div{
    width: 100%;
}
main.sub section .plus_parent.round_box > div > ul.list{
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.plus_parent.round_box > div > ul > li{
    width: calc(50% - 5px);
    padding: 20px;
    background: #FFF;
    border-radius: 5px;
    list-style-position: inside;
    color: #131314;
}
.howto .step2 .list li li{
    list-style-position: inside;
}
/* Because SMS authentication is hidden */
/* SMS authentication
.plus_parent::before,
.plus_parent::after{
    content: "";
    background: #319CCC;
    position: absolute;
}
.plus_parent::before{
    width: 50px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% + 35px);
}
.plus_parent::after{
    width: 10px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% + 55px);
} */
/* Account type */
.type .inner {
    max-width: 1400px;
}
.type .h1_wrap {
    background: url(../img/tradingaccount/type_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
.type p.catch_text{
    margin-bottom: 40px;
    text-align: center;
}
.type .df.type_title > div{
    width: calc(100% / 4);
    padding: 25px;
    text-align: center;
}
.type .df.type_title.five > div{
    width: calc(100% / 5);
}
.type .df.type_title > div.standard{
    background: #319CCC;
}
.type .df.type_title > div.micro{
    background: #00BA7C;
}
.type .df.type_title > div.pro{
    background: #F55A1F;
}
.type .df.type_title > div.leverage6000{
    background: #f1b700;
}
.type .df.type_title > div.ex,
.type .df.compare .ex h3{
    background: #404040;
}
.type .df.compare > div.ex{
    background: #333;
}
.type .df.type_title > div h3{
    margin: 0 0 10px;
    color: #FFF;
    line-height: 1.5;
    font-size: 2.2rem;
}
.type .df.type_title > div p{
    margin-bottom: 0;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 1.4;
}
.type .df.type_title > div.leverage6000 p span{
    color: #ef4100;
}
.type .df.type_title > div.ex h3,
.type .df.compare > div.ex h3{
    color: #FF0060;
    font-weight: bold;
}
.type .df.compare > div{
    width: calc(100% / 4);
    text-align: center;
    font-size: 1.8rem;
}
.type .df.compare.five > div{
    width: calc(100% / 5);
}
.type .df.compare h3{
    margin: 0;
    line-height: 1.4;
}
.type .df.compare h3 span{
    font-size: 1.2rem;
    display: block;
}
.type .df.compare > div p.catch{
    margin-top: 10px;
    padding: 0 10px;
    font-size: 1.7rem;
    line-height: 1.4;
    display: none;
}
.type .df.compare dd.fs_min{
    font-size: 1.4rem;
}
.type table td,
.type table th{
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
}
.type table thead th{
    padding: 20px;
    color: #FFF;
    font-size: 2rem;
}
.type table thead th.standard{
    background: #319CCC;
}
.type table thead th.micro{
    background: #00BA7C;
}
.type table tbody th{
    padding: 15px;
    background: #131314;
    color: #FFC91F;
    border-right: 1px solid #131314;
}
.type table tbody td{
    padding: 25px 15px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    color: #131314;
}
.type table tbody td:first-of-type{
    border-left: 1px solid #bbb;
    background: #effff4;
}
.type table tbody td:nth-of-type(2){
    background: #dcf3ff;
}
.type table tbody td span{
    color: #FF0060;
    font-size: 1.3rem;
}
.type .df.compare dd li{
    font-size: 1.8rem;
}
.type .df.compare dd p,
.type .df.compare dd li.s_text{
    font-size: 1.5rem;
}
.type .dd_mh4{
    font-size: 1.6rem;
}
/* How to deposit and withdraw money to your account */
.page_transaction .h1_wrap {
    background: url(../img/tradingaccount/deposit_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
.page_transaction table{
    margin-bottom: 20px;
}
.page_transaction table th,
.page_transaction table td,
.table_style1 th,
.table_style1 td{
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bbb;
}
.page_transaction table th,
.page_transaction table td{
    padding: 20px;
}
.table_style1 th,
.table_style1 td{
    padding: 15px 10px;
    transition: .5s;
}
.page_transaction table th,
.table_style1 th{
    background: #c19300;
    color: #FFF;
}
.table_style1 th{
    line-height: 1.5;
}
.page_transaction table td,
.table_style1 td{
    background: #FFF;
    color: #131314;
}
.table_style1 tr:hover td{
    background: #eee;
}
.page_transaction table td .sp_th{
    display: none;
}
.page_transaction table td img{
    margin: 10px auto 0;
    max-width: 300px;
}
/* Common trading conditions */
.trade_bg .h1_wrap {
    background: url(../img/conditions/trade_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
/* Spread */
img.spread_img1{
    margin: 0 30px 30px 0;
    float: left;
}
.spread_icon_list li,
.leverage_icon_list li{
    width: calc((100% - 60px) / 4);
    text-align: center;
    font-size: 1.8rem;
}
.spread_icon_list li img,
.leverage_icon_list li img,
.position_icon_list li img,
.tradetime_icon_list li img,
.enforcement_icon_list li img{
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    display: block;
}
.spread_table table{
    margin-bottom: 10px;
}
.spread_table > div{
    width: calc(100% / 4);
}
.spread_table > div h3{
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}
.spread_table table{
    border-collapse: separate;
}
.spread_table table td{
    transition: .5s;
    padding: 5px 10px;
    vertical-align: bottom;
}
.spread_table table td img{
    width: 36px;
    height: 36px;
}
.spread_table table td:first-of-type{
    width: 80px;
    position: relative;
    padding-right: 15px;
}
.spread_table table td img{
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 50%;
}
.spread_table table td:first-of-type img:last-of-type{
    position: absolute;
    right: 10px;
    top: 5px;
}
.spread_table table td div{
    padding: 10px;
    font-size: 1.6rem;
    vertical-align: middle;
    color: #dddd;
}
.spread_table .micro table td div{
    background: #1e5754;
}
.spread_table .standard table td div{
    background: #224660;
}
.spread_table .pro table td div{
    background: #7f3726;
}
.spread_table .leverage6000 table td div{
    background: #735220;
}
.spread_table table td:last-of-type{
    padding-left: 0;
}
.spread_table table td div span{
    float: right;
    color: #FFF;
}
.spread_table table tr:hover td{
    background: #FFC91F;
}
/* Execution method */
img.conditions_img_right{
    width: 100%;
    max-width: 580px;
    margin: 0 0 0 30px;
    float: right;
}
img.conditions_img_left{
    margin: 0 30px 0 0;
    float: left;
}
.enforcement_box{
    padding: 30px;
}
.enforcement_box div{
    width: calc(100% - 580px);
}
.enforcement_icon_list li{
    width: calc((100% - 40px) / 5);
    text-align: center;
}
.enforcement .attention_box{
    color: #FFF;
}
.enforcement .attention_box h3{
    margin-top: 0;
}
/* Margin and leverage */
.leverage_dl{
    margin-bottom: 15px;
    padding: 15px 20px;
    background: #666;
    font-size: 1.6rem;
    line-height: 1.5;
}
.leverage_dl dt{
    margin-bottom: 5px;
    color: #FFC91F;
}
.leverage1000 img{
    width: 100%;
    max-width: 600px;
    margin: 40px auto;
}
/* Overnight position */
.position_icon_list li,
.tradetime_icon_list li{
    width: calc((100% - 30px) / 3);
    text-align: center;
    font-size: 1.8rem;
}
.gmt_dl dl{
    margin-bottom: 20px;
    padding: 15px;
    background: #666;
    font-size: 1.6rem;
    line-height: 1.5;
}
.gmt_dl dt{
    margin-bottom: 5px;
    color: #FFC91F;
}
.gmt_dl dd{
    color: #FFF;
}
.flag_list{
    margin: 20px 0;
}
.flag_list .flag_item{
    width: calc((100% - 45px) / 4);
    padding: 20px 10px 15px;
    text-align: center;
    color: #FFF;
}
.flag_list .flag_item img{
    margin: 0 auto;
    display: block;
}
.flag_list .flag_item h3{
    margin: 15px 0 5px;
    font-size: 2rem;
    line-height: 1.5;
}
.time_info,
.suspension_time,
.time_area_box{
    margin-bottom: 15px;
    color: #FFF;
}
.time_info dl{
    width: calc(50% - 5px);
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1.5;
    background: #FFF;
    border-radius: 15px;
    color: #131314;
}
.time_info dt{
    color: #d82121;
}
.time_info dt,
.suspension_time dt{
    margin-bottom: 5px;
    font-weight: bold;
}
.suspension_time dl{
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1.5;
    background: #ffc920;
    color: #131314;
}
.suspension_time dl + dl{
    margin-top: 20px;
}
.time_area_box > div{
    width: calc(50% - 10px);
    margin-top: 20px;
}
.time_area_box > div h4{
    margin: 0 0 20px;
    font-size: 1.8rem;
    color: #329CCC;
}
main.sub section .time_area_box ul{
    margin: 0 0 20px 30px;
}
main.sub section .time_area_box li{
    margin-bottom: 0;
    padding: 0  0 20px 40px;
    border-left: 3px #e5e5d1 solid;
    margin: 0;
    position: relative;
    line-height: 1.5;
}
.time_area_box li span{
    font-size: 1.8rem;
    color: #329CCC;
}
.time_area_box li:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #329CCC;
    position: absolute;
    left: -8px;
    top: 6px;
    border-radius: 100%;
}
/* platform */
.platform .h1_wrap{
    height: 560px;
    background: url(../img/platform/bg_platforms.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.platform .h1_wrap .inner > div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.platform .h1_wrap h1{
    font-size: 5.6rem;
    display: block;
    margin-bottom: 20px;
}
.platform .h1_wrap p{
    font-size: 3.4rem;
    color: #FFF;
    line-height: 1.5;
    text-shadow: 0px 0px 10px #000000;
}
main.sub.platform section p.catch{
    font-weight: normal;
}
.platform .df_sb > div{
    width: calc(50% - 25px);
}
.platform .df_sb.other_list > div{
    width: 100%;
}
.platform .df_sb > a{
    width: calc(50% - 15px);
    text-align: center;
}
main.sub.platform h2{
    text-align: left;
    font-size: 4rem;
}
main .platform_feature h2{
    margin-bottom: 30px;
}
main .platform_feature h2 span.small{
    font-size: 90%;
}
main.sub section .platform_feature h3{
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.5;
}
main.sub section .platform_feature ul{
    margin-left: 0;
}
main.sub section .platform_feature ol{
    margin-bottom: 40px;
}
main.sub section .platform_feature li{
    margin-bottom: 15px;
    padding-left: 35px;
    list-style: none;
    background: url(../img/platform/icon_check.svg) no-repeat left center;
}
main.sub section p.catch{
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
}
main.sub section .other_list h3{
    margin-top: 0;
}
.platform .h1_wrap.webtrader_h1{
    height: 320px;
}
.btn.webtrader_btn{
    max-width: 460px;
    margin: 30px 0 0;
    text-align: center;
    font-size: 2rem;
}
.btn.webtrader_btn.ma{
    margin: 30px auto 0;
}
/* Deleted below for MT5 */
.df_sb.other_list{
    justify-content: center;
}

main.sub section ul.link_list{
    margin-top: 20px;
    margin-left: 0;
}
ul.link_list li{
    width: calc(100% / 4);
    text-align: center;
    position: relative;
}
ul.link_list li::after{
    content: '';
    width: 1px;
    height: 50px;
    background: #bbb;
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
}
ul.link_list li:last-of-type::after{
    content: none;
}
ul.link_list li a{
    width: 100%;
    padding: 25px;
    display: block;
}
ul.link_list li a:hover{
    background: #FFC91F;
    color: #FFF;
}
ul.link_list li.pc a::before,
ul.link_list li.ios a::before,
ul.link_list li.mac a::before,
ul.link_list li.android a::before{
    font-weight: 900;
    display: block;
    font-size: 4rem;
}
ul.link_list li.pc a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f108';
}
ul.link_list li.mac a::before{
    font-family: "Font Awesome 5 Brands";
    content: '\f179';
}
ul.link_list li.ios a::before{
    font-family: "Font Awesome 5 Brands";
    content: '\f370';
}
ul.link_list li.android a::before{
    font-family: "Font Awesome 5 Brands";
    content: '\f17b';
}
.sub section h3.no_mt{
    margin-top: 0;
}
.platform p.ate{
    font-size: 1.4rem;
}
main.sub.platform .manual h2{
    text-align: center;
    color: #131314;
    text-shadow: none;
}
main.sub.platform .manual p{
    color: #131314;
    text-shadow: none;
}
.manual ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.manual ul li{
    width: calc((100% - 100px) / 3);
    /* margin-top: 50px; Topics display*/
    margin-top: 20px;
    border-bottom: 1px solid #FFF;
    position: relative;
    transition: transform .5s;
}
.manual ul li:hover{
    transform: translateY(-10px);
}
.manual ul li a.topic_link{
    height: 100%;
    /* padding-bottom: 55px; Topics display*/
    padding-bottom: 25px;
    position: relative;
    display: block;
    z-index: 1;
}
.manual ul li a.topic_link .thumb{
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0px 3px 8px #00000033;
    position: relative;
}
.manual ul li a.topic_link .thumb::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #131314;
    opacity: 0;
    z-index: 10;
    transition: .5s;
}
.manual ul li a.topic_link:hover .thumb::before{
    opacity: .8;
}
.manual ul li a.topic_link .thumb span{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    height: 1em;
    text-align: center;
    font-size: 2rem;
    opacity: 0;
    z-index: 11;
    transition: .5s;
}
.manual ul li a.topic_link:hover .thumb span{
    opacity: 1;
}
.manual ul li a.topic_link h3{
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6;
    transition: color .5s;
    color: #131314;
    text-shadow: none;
}
.manual ul li span.day{
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 1.4rem;
    transition: color .5s;
}
.manual ul li a.cate{
    width: 120px;
    height: 24px;
    line-height: 24px;
    background: #bbb;
    color: #FFF;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 12px;
    font-size: 1.3rem;
    z-index: 10;
}
.manual ul li a.cate.cate1{
    background: #009CCC;
}
.manual ul li:hover h3,
.manual ul li:hover span.day{
    color: #FFF;
}
.manual ul li:hover img{
    transform: scale(1.2);
}
.manual ul li img:hover{
    opacity: 1;
}
.manual a.archive{
    /* margin: 20px 0; Topics display*/
    margin: 50px 0 20px;
    /* padding: 5px 40px 5px 20px; Topics display*/
    padding: 10px 60px 10px 40px;
    display: inline-block;
    /* font-size: 1.4rem; Topics display*/
    font-size: 1.8rem;
    border: 1px solid #FFC91F;
    /* border-radius: 20px; Topics display*/
    border-radius: 30px;
    background: #131314;
    color: #FFF;
    text-decoration: none;
    position: relative;
}
.manual a.archive:hover{
    background: #FFF;
    color: #131314;
}
.manual a.archive::before,
.manual a.archive::after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #FFF;
}
.manual a.archive::before{
    right: 17px;
}
.manual a.archive::after{
    right: 10px;
}
.manual a.archive:hover::before{
    animation: listarrow 1.2s infinite;
    border-left-color: #131314;
}
.manual a.archive:hover::after{
    animation: listarrow2 1.2s infinite;
    border-left-color: #131314;
}
.manual a.btn{
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
}
/* Platform pages */
main.sub section .platform_feature ol li{
    margin-bottom: 15px;
    padding-left: 25px;
    background: none;
    font-size: 1.6rem;
    position: relative;
    counter-increment: number;
    line-height: 1.6;
}
main.sub section .platform_feature ol li::before{
    content: counter(number) ".";
    color: #329CCC;
    font-size: 110%;
    position: absolute;
    top: -.1em;
    left: 0;
}
main.sub section .platform_feature ol li a.blue:hover{
    color: #00BA7C;
}
main.sub.platform h2.tc{
    text-align: center;
}
main.sub section ul.list.max600{
    max-width:660px;
    margin: 0 auto 20px;
}
a.img_dl_btn{
    width: 200px;
    margin-top: 10px;
    display: block;
}
.platform .webtrader_step h3{
    margin: 80px 0 30px;
}
.platform .webtrader_step h3:first-of-type{
    margin-top: 20px;
}
.platform .webtrader_step h3 span{
    margin-right: 10px;
    color: #329CCC;
    font-weight: bold;
}
.platform .webtrader_step h4{
    margin: 60px 0 30px;
    color: #329CCC;
    font-size: 2rem;
}
/* vps */
.vps .h1_wrap h1{
    font-size: 4rem;
}
.vps .sec1 .df_sb,
.vps .sec5 .df_sb{
    flex-flow: row-reverse;
}
.vps .sec1 .df_sb .text{
    width: calc(100% - 640px);
}
.vps .sec1 .df_sb .text h2{
    text-align: left;
}
.vps .sec2,
.vps .sec3,
.vps .sec4{
    text-align: center;
}
.vps .sec2,
.vps .sec2 h3{
    color: #131314;
    text-shadow: none;
}
.vps .sec2 h2{
    color: #131314;
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #131314;
}
.vps .sec2 img{
    width: 180px;
    margin: 0 auto;
    display: block;
}
.vps .sec3,
.vps .sec5{
    padding-top: 140px;
    position: relative;
}
.vps .sec3::before,
.vps .sec5::before{
    content: '';
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
}
.vps .sec3::before{
    border-top: 60px solid #ffc91f;
}
.vps .sec5::before{
    border-top: 60px solid #1e1f21;
}
.vps .sec3 img{
    width: 130px;
    margin: 0 auto 40px;
    display: block;
}
.vps .sec3 p span{
    color: #ffc200;
    font-size: 120%;
}
.vps .sec4 ul{
    max-width: 1000px;
    margin: 40px auto 0;
    list-style: none;
}
.vps .sec4 li h3{
    margin: 20px 0 10px;
}
.vps .sec4 li img{
    width: 90px;
    height: 90px;
}
.vps .sec5 .df_sb{
    margin-bottom: 160px;
    position: relative;
    align-items: flex-start;
}
.vps .sec5 .df_sb::after{
    content: '';
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: calc(100% + 50px);
    left: 0;
    right: 0;
    border-top: 60px solid #FFC91F;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
}
.vps .sec5 .df_sb:last-of-type{
    margin-bottom: 0;
}
.vps .sec5 .df_sb:last-of-type::after{
    content: none;;
}
.vps .sec5 .text{
    width: calc(100% - 450px);
}
.vps .sec5 .text h3{
    margin: 0 0 20px;
    color: #329CCC;
    font-size: 3.4rem;
}
.vps .sec5 .popup{
    max-width: 400px;
    position: relative;
    transition: opacity .5s;
}
.vps .sec5 .popup:hover{
    opacity: .8;
}
.vps .sec5 .popup::before{
    content: '';
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,.8);
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    border-radius: 50%;
}
.vps .sec5 .popup::after{
    content: '';
    width: 34px;
    height: 34px;
    background: url(../img/platform/vps7.svg) no-repeat center top;
    position: absolute;
    right: 26px;
    bottom: 24px;
    z-index: 2;
}
.vps .sec5 .popup a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.vps .sec6{
    text-align: center;
    background: url(../img/platform/bg_vps.jpg) no-repeat center top;
}
.vps .sec6 h2{
    color: #FFF;
    font-size: 2.8rem;
}
.vps .sec6 h3{
    color: #ffb200;
    font-size: 2rem;
}
.vps .sec6 .btn{
    max-width: 570px;
    margin: 0 auto;
    font-size: 2.6rem;
    line-height: 1.5;
    border-radius: 50px;
}
.vps .sec6 .btn span{
    display: block;
    font-size: 1.8rem;
}
/* light box */
#ovray{
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(0,0,0,0.7);
	top:0;
    left:0;
	z-index:10000;
	display:none;
}
#imagebox{
    max-width: 90vw;
    max-height: 90vh;
    margin: auto;
    position:fixed;
    z-index:10001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	display:none;
}
#imagebox img{
    margin: auto;
    padding:0px;
    border:#fff 10px solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* About is6fx */
.ceo_wrap{
    margin-top: 60px;
}
.ceo_wrap .ceo{
    width: calc(50% - 30px)
}
.ceo_wrap .ceo h3{
    margin: 30px 0 10px;
    padding-left: 10px;
    color: #FFC91F;
    border-left: 4px solid #FFC91F;
    font-size: 1.8rem;
    line-height: 1.5;
}
.ceo_wrap .ceo h3:first-of-type{
    margin-top: 0;
}
.ceo_wrap p.ceo_name{
    font-size: 2.4rem;
    font-weight: bold;
}
.ceo_wrap p.detail{
    font-size: 1.4rem;
}
p a.linkedin{
    margin-left: 5px;
    color: #FFF;
    font-size: 1.4rem;
    border-bottom: 1px solid #FFF;
    text-decoration: none;
}
p a.linkedin:hover{
    color: #FFC91F;
    border-bottom: 1px solid #FFC91F;
}
p a.linkedin::after{
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
}
img.ceo_sign{
    margin-left: auto;
}
.ceo_wrap .ceo_img_wrap{
    width: 50%;
    text-align: right;
    color: #AAA;
}
.ceo_wrap .ceo_img_wrap p{
    font-size: 1.2rem;
}
.ceo_wrap p.group_name{
    margin: 30px 0 5px;
    font-size: 1.4rem;
}
.ceo_wrap .ceo_img_wrap .df{
    margin-top: 40px;
    justify-content: flex-end;
    align-items: flex-start;
}
.ceo_wrap .ceo_img_wrap .df img{
    max-width: 124px;
    margin-left: 30px;
}
.ceo_wrap .ceo_img_wrap .df img.about_logo{
    max-width: 104px;
}
.about .history > div{
    width: calc(50% - 25px);
    padding: 30px;
    border-radius: 15px;
    background: #131314;
}
.about .history > div h3{
    margin: 30px 0 20px;
}
.about .history > div h3:first-of-type{
    margin-top: 0;
}
.about .history ul{
    margin: 0 0 20px 10px;
}
.about .history li{
    margin-bottom: 0;
    padding: 0  0 20px 40px;
    border-left: 3px #AAA solid;
    margin: 0;
    position: relative;
    line-height: 1.5;
}
.about .history li:last-of-type{
    padding-bottom: 0;
}
.about .history li h4{
    font-size: 1.8rem;
    color: #FFC91F;
}
.about .history li p{
    margin-bottom: 0;
}
.about .history li:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #FFC91F;
    position: absolute;
    left: -8px;
    top: 6px;
    border-radius: 100%;
}
.about .history img.about_logo{
    width: 120px;
}
.office h3{
    text-align: center;
    color: #FFC91F;
}
.office_img_wrap,
.office_img_wrap2 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 40px;
}
.office_img_wrap {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 35px;
}
.office_img_wrap2 {
    grid-template-columns: 1fr 2fr;
    grid-row-gap: 20px;
}
.office_img_wrap .big{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.office_img_wrap .mini_photo{
    padding-left: 40px;
}
.office_img_wrap2 .map{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.office_img_wrap2 .mini_photo{
    padding-right: 40px;
}
.office figcaption,
.office_img_wrap2 .map p{
    margin-top: 10px;
    text-align: center;
    color: #AAA;
    font-size: 1.4rem;
}
.office_img_wrap2 .map iframe{
    height: calc(100% - 22px);
}
.office .df_sb.mb40{
    align-items: flex-start;
}
.about .register_cont{
    border-radius: 15px;
    box-shadow: 2px 2px 15px rgba(187,187,187,.3);
}
.about .feature_cont{
    padding: 25px;
}
.about .feature_list{
    margin-top: 30px;
}
.about .feature_list > div{
    width: calc(50% - 25px);
    padding: 35px;
    margin-bottom: 50px;
    background: #FFF;
    box-shadow: 2px 2px 15px rgba(187,187,187,.3);
    color: #666;
    text-align: center;
}
.about .feature_list > div img{
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    display: block;
}
.about .feature_list > div h3{
    margin: 0 0 10px;
    color: #ffc920;
}
.about .about_bottom{
    background: url(../img/sub/about_bg.jpg) no-repeat center top;
    position: relative;
    color: #FFF;
}
.sub.about section.bg_gray{
    padding-bottom: 10px;
}
.about .about_bottom::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 60px solid #1e2021;
    border-right: 200px solid transparent;
    border-left: 200px solid transparent;
}
.about .about_bottom .license_cont{
    padding: 40px 0;
}
/* philosophy */
.philosophy section .inner{
    text-align: center;
}
.philosophy section .inner h2.mt50{
    margin-top: 50px;
}
.philosophy section.philosophy_bg{
    background: url(../img/sub/philosophy_bg.jpg) no-repeat center top;
    background-attachment: fixed;
}
.philosophy section.philosophy_bg .df{
    margin-top: 50px;
    justify-content: center;
}
.philosophy section.philosophy_bg .df > div{
    width: calc((100% - 60px) / 4);
    margin: 0 20px 20px 0;
    padding: 50px 30px;
    background: #131314;
    color: #FFF;
}
.philosophy section.philosophy_bg .df > div:nth-of-type(4n),
.philosophy section.philosophy_bg .df > div:last-of-type{
    margin-right: 0;
}
.philosophy section.philosophy_bg .df > div img{
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
}
.philosophy section.philosophy_bg .df > div h3{
    margin: 0 0 15px;
    color: #FFC91F;
    font-size: 2.2rem;
}
.philosophy section.philosophy_bg .df > div p{
    font-size: 1.4rem;
}
/* Company Profile */
.company .inner.main_cont{
    padding: 60px 100px;
    background: #1E1F21;
}
.company .inner.main_cont h2{
    font-size: 2.6rem;
    font-weight: bold;
}
.company table{
    width: 100%;
}
.company table tr{
    border-top: 1px solid #AAA;
}
.company table tr:last-of-type{
    border-bottom: 1px solid #AAA;
}
.company table th,
.company table td{
    padding: 25px 0;
    font-size: 1.6rem;
    line-height: 1.5;
}
.company table th{
    width: 300px;
    text-align: left;
    color: #FFC91F;
}
.company table td{
    padding: 25px 25px 25px 0;
}
.company table td span{
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
}
.company table td span.tel{
    margin-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    display: inline-block;
    color: #aaa;
}
.df_sb.license{
    align-items: flex-start;
}
.df_sb.license > div{
    width: calc(65% - 30px);
}
.df_sb.license > img{
    width: calc(35% - 30px);
}
.df_sb.license .licence_number{
    width: 100%;
    margin-top: 20px;
    padding: 15px;
    background: #444;
    text-align: center;
}
.df_sb.license .licence_number p{
    margin-bottom: 0;
    font-size: 2rem;
}
.df_sb.license h3{
    color: #FFC91F;
}
/* philosophy */
main.sub.guideline section ul{
    margin: 0 0 30px 30px;
    list-style: disc;
    font-size: 1.6rem;
    line-height: 1.5;
}
main.sub.guideline section ul li + li{
    margin-top: 15px;
}
.guideline section ol{
    margin: 0 0 30px 30px;
    list-style: decimal;
    font-size: 1.6rem;
    line-height: 1.5;
}
.guideline section ol li{
    margin-bottom: 10px;
}
main.sub.guideline section ul.alpha{
    list-style: lower-alpha;
}
.inner.max800{
    max-width: 800px;
}
.sub h2.precautions::before{
    content: '';
    margin-right: 5px;
    background: url(../img/campaign/ate.png) no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
}
.sub h2.precautions::before{
    width: 60px;
    height: 60px;
}
.fadein_bottom .inner{
    opacity: 0;
    transform: translateY(50px);
    transition: .5s;
}
.fadein_bottom.active .inner{
    opacity: 1;
    transform: translateY(0);
}
/* official-account */
.sns .account{
    margin-top: 30px;
    padding: 30px 20px;
    background: #FFF;
    align-items: center;
}
.sns .account .image,
.sns .account .btn_wrap{
    width: 200px;
}
.sns .account .image img{
    display: block;
    margin: 0 auto;
    max-width: 120px
}
.sns .account .text{
    width: calc(100% - 440px);
}
.sns .account .text h2{
    margin: 0 0 10px;
    text-align: left;
    font-size: 2.4rem;
    color: #333;
}
.sns .account .text p{
    color: #333;
}
.sns .account .btn_wrap a{
    padding: 25px;
    background: #FFC91F;
    color: #333;
    text-align: center;
    display: block;
    font-size: 2rem;
}
.sns .account .btn_wrap a:hover{
    background: #00BA7C;
    color: #FFF;
}
@media screen and (max-width: 1200px) {
    .office .df_sb.mb40 > *{
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 950px) {
    /* vps */
    .vps .sec1 .df_sb .text,
    .vps .sec1 .df_sb .vps_img{
        width: calc(50% - 15px);
    }
    .vps .sec2 h3{
        line-height: 1.5;
    }
    .manual ul li {
        width: calc((100% - 60px) / 3);
    }
    .type .df.type_title{
        display: none;
    }
    .type .df.compare > div p.catch{
        display: block;
    }
}
@media screen and (max-width: 896px) {
    .metals .metals_icon .df_sb > div{
        width: 50%;
        max-width: inherit;
        margin-bottom: 20px;
    }
    /* platform */
    .platform .h1_wrap p{
        font-size: 2.4rem;
    }
    main.sub section p.catch{
        font-size: 3rem;
    }
    .spread_table > div{
        width: calc(100% / 2);
        margin-bottom: 20px;
    }
    /* What is is6fx */
    .about .main_cont,
    .about .register_cont{
        width: 100%;
        margin-bottom: 20px;
    }
    /* Company Profile */
    .ggmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .highlight{
        padding: 20px;
    }
    .metals h3{
        font-size: 1.7rem;
        text-align: center;
    }
    .metals .spread .df > div,
    .metals .terms > div{
        width: 100%;
        margin-bottom: 20px;
    }
    .metals p.disc{
        margin-bottom: 10px;
        position: static;
        font-size: 1.2rem;
    }
    .metals .terms h4{
        font-size: 1.8rem;
    }
    .metals .terms dt{
        font-size: 1.4rem;
    }
    .metals .terms dd{
        font-size: 1.6rem;
    }
    /* お取引きをするには */
    .howto .step1 .inner::before{
        width: 50px;
        height: calc(100% + 30px);
        top: -40px;
    }
    .howto .step1 .inner::after{
        bottom: -60px;
        border-top: 100px solid #FFC91F;
        border-right: 80px solid transparent;
    }
    .howto .step2 .inner::before{
        width: 50px;
        height: calc(100% + 80px);
        top: -90px;
    }
    .howto .step2 .inner::after{
        bottom: -60px;
        border-top: 100px solid #c19300;
        border-right: 80px solid transparent;
    }
    .howto .step1 h2,
    .howto .step2 h2{
        padding-left: 50px;
    }
    .howto .step_text {
        font-size: 2rem;
    }
    .howto .inner .round_box{
        padding-left: 60px;
    }
    .round_box > div{
        width: 100%;
    }
    .round_box > div + div{
        margin-top: 70px;
    }
    .arrow_parent::before,
    .plus_parent::before,
    .plus_parent::after{
        content: none;
    }
    .arrow_parent > div:first-of-type,
    .plus_parent > div:first-of-type{
        position: relative;
    }
    .arrow_parent > div:first-of-type::before{
        content: "";
        width: 50px;
        height: 50px;
        position: absolute;
        left: calc(50% - 25px);
        bottom: -70px;
        border: 25px solid transparent;
        border-top: 25px solid #FFC91F;
    }
    /* Hide SMS authentication
    .plus_parent > div:first-of-type::before,
    .plus_parent > div:first-of-type::after{
        content: "";
        background: #319CCC;
        position: absolute;
    }
    .plus_parent > div:first-of-type::before{
        width: 50px;
        height: 10px;
        left: calc(50% - 25px);
        bottom: -40px;
    }
    .plus_parent > div:first-of-type::after{
        width: 10px;
        height: 50px;
        left: calc(50% - 5px);
        bottom: -60px;
    } */
    .howto .step3{
        background-size: cover;
    }
    .howto p.pr100{
        padding-left: 60px;
    }
    /* SMS authentication */
    .plus_parent.round_box > div > ul > li{
        width: 100%;
        padding: 0;
    }
    /* Account type */
    .type p.catch_text{
        text-align: left;
    }
    .type .df.compare > div,
    .type .df.compare.five > div {
        width: calc(100% / 2);
        margin-bottom: 20px;
    }
    .type table{
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }
    .type table thead th{
        padding: 20px 10px;
        font-size: 1.6rem;
    }
    .type table tbody th{
        padding: 10px;
    }
    .type table tbody td{
        padding: 15px 5px;
        font-size: 1.4rem;
    }
    /* 口座への入金・出金方法 */
    .page_transaction table{
        margin-bottom: 0;
    }
    .page_transaction table thead{
        display: none;
    }
    .page_transaction table td{
        width: 100%;
        padding: 0 0 15px;
        display: block;
        border-bottom: none;
    }
    .page_transaction table td .sp_th{
        margin-bottom: 15px;
        padding: 15px;
        display: block;
        background: #122740;
        color: #FFF;
    }
    .page_transaction table td:last-of-type{
        margin-bottom: 30px;
        border-bottom: 1px solid #bbb;
    }
    .table_style1 th,
    .table_style1 td{
        font-size: 1.4rem;
    }
    /* Spread */
    img.spread_img1{
        margin: 0 auto 30px;
        float: none;
        display: block;
    }
    main.sub section ul.spread_icon_list li,
    main.sub section ul.leverage_icon_list li{
        width: calc(50% - 10px);
        margin-top: 20px;
    }
    /* Execution method */
    img.conditions_img_right,
    img.conditions_img_left{
        margin: 0 auto 30px;
        float: none;
        display: block;
    }
    .enforcement_box div{
        width: 100%;
    }
    .sub section .enforcement_box h3{
        margin-top: 0;
    }
    .enforcement_box img{
        margin: 15px auto 0;
        display: block;
    }
    .enforcement_icon_list.df_sb,
    .position_icon_list.df_sb,
    .tradetime_icon_list.df_sb{
        justify-content: center;
    }
    .enforcement_icon_list li,
    .position_icon_list li{
        width: calc(50% - 15px);
        margin-top: 20px;
        margin-right: 30px;
    }
    .enforcement_icon_list li:nth-of-type(even),
    .position_icon_list li:nth-of-type(even),
    .tradetime_icon_list li:nth-of-type(even){
        margin-right: 0;
    }
    /* Trading hours */
    .flag_list .flag_item{
        width: calc(50% - 15px);
    }
    .flag_list .flag_item:nth-of-type(n+3){
        margin-top: 30px;
    }
    .time_info dl{
        width: 100%;
    }
    .time_info dl:last-of-type {
        margin-top: 15px;
    }
    /* philosophy */
    .philosophy section.philosophy_bg .df > div {
        width: 100%;
        margin: 0 0 20px;
        padding: 30px 10px;
    }
    /* platform */
    .platform .h1_wrap{
        height: 340px;
    }
    .platform .h1_wrap h1{
        font-size: 3rem;
    }
    main.sub.platform h2{
        font-size: 2.4rem;
        text-align: center;
    }
    .platform_feature.mb20{
        margin-bottom: 0;
    }
    main.sub section .platform_feature ol {
        margin-bottom: 0;
    }
    .platform .df_sb > div{
        width: 100%;
    }
    .platform .df_sb > div.index_bottom_left{
        margin-bottom: 20px;
    }
    .platform .df_sb > div > img{
        margin: 0 auto;
    }
    .platform .df_sb > a{
        width: 100%;
        margin-bottom: 15px;
    }
    main.sub section .other_list div:nth-of-type(2) h3{
        margin-top: 20px;
    }
    main.sub section ul.list.max600{
        max-width: 100%;
        margin: 0 0 20px 20px;
    }
    /* vps */
    .vps .h1_wrap h1{
        font-size: 3rem;
    }
    .vps .sec5 .df_sb{
        display: block;
    }
    .vps .sec5 .text{
        width: 100%;
    }
    .vps .sec5 .text h3{
        margin-bottom: 10px;
        font-size: 2.4rem;
        text-align: center;
    }
    .vps .sec5 .popup,
    .vps .sec5 img{
        width: 400px;
        margin: 20px auto 0;
    }
    .vps .sec5 .df_sb{
        margin-bottom: 100px;
    }
    .vps .sec5 .df_sb::after{
        top: calc(100% + 30px);
        border-top: 30px solid #FFC91F;
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
    }
    .vps .sec6 h2{
        font-size: 2rem;
    }
    .vps .sec6 h3{
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .vps .sec6 .btn,
    .vps .sec6 .blue_btn{
        font-size: 1.8rem;
    }
    .vps .sec6 .blue_btn span{
        font-size: 1.5rem;
    }
    /* What is is6 */
    .ceo_wrap .ceo,
    .ceo_wrap .ceo_img_wrap,
    .about .history > div{
        width: 100%;
    }
    .ceo_wrap{
        margin-top: 0;
    }
    .ceo_wrap p.ceo_name{
        font-size: 2rem;
    }
    .ceo_wrap .ceo{
        margin-bottom: 40px;
    }
    img.ceo_img{
        margin: 0 auto 20px;
    }
    .office_img_wrap{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 10px;
    }
    .office_img_wrap2{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-column-gap: 10px;
    }
    .office_img_wrap .big {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .office_img_wrap .mini_photo{
        padding-left: 0;
    }
    .office_img_wrap2 .mini_photo{
        padding-right: 0;
    }
    .office_img_wrap2 .map {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 4;
    }
    .ceo_wrap .ceo_img_wrap .df {
        justify-content: center;
    }
    .ceo_wrap .ceo_img_wrap .df img{
        margin-left: 10px;
        margin-bottom: 10px;
    }
    /* Company Profile */
    .company .inner.main_cont{
        padding: 30px;
    }
    .company .inner.main_cont h2{
        font-size: 2rem;
    }
    .company table{
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
    }
    .company table th,
    .company table td{
        width: 100%;
        display: block;
    }
    .company table th{
        padding: 15px 0 0;
    }
    .company table td{
        padding: 10px 0 15px;
    }
    .manual ul li span.day{
        bottom: 22px;
    }
    .manual ul li a.cate{
        bottom: 18px;
    }
    .manual a.archive{
        width: 100%;
        max-width: 570px;
        margin: 20px auto 40px;
        padding: 15px 40px 15px 20px;
        display: block;
        text-align: center;
        border-radius: 30px;
        font-size: 1.4rem;
    }
    .lpoa .tc{
        text-align: left;
    }
    .sub h2.precautions::before{
        width: 45px;
        height: 45px;
    }
    .sns .account{
        flex-wrap: wrap;
    }
    .sns .account .image{
        width: 100px;
    }
    .sns .account .image img{
        max-width: 100%;
    }
    .sns .account .text{
        width: calc(100% - 120px);
    }
    .sns .account .btn_wrap{
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .sns .account .btn_wrap a{
        padding: 15px 20px;
        display: inline-block;
    }
}
@media screen and (max-width: 568px) {
    .support_window > div{
        width: 100%;
        margin-bottom: 20px;
    }
    .support_window > div img{
        max-width: 120px;
    }
    /* FX */
    .transaction_fx .df_sb.merit > div{
        width: 100%;
        padding: 20px;
    }
    .sub section.bg_merit h3{
        font-size: 2rem;
    }
    /* metals */
    .metals p{
        font-size: 1.4rem;
    }
    .metals .metals_icon .df_sb > div{
        padding: 0 15px;
    }
    .metals .metals_icon .df_sb > div p{
        font-size: 1.4rem;
    }
    .df_sb.metals_time > div{
        width: 100%;
        margin-bottom: 15px;
    }
    h4.time_stop_h4{
        margin: 10px 0 5px;
        font-size: 1.6rem;
    }
    .tr.time_tr{text-align: left;}
    .tr.time_tr a{display: block;}
    /* flow */
    .howto .step1 .inner::before,
    .howto .step2 .inner::before{
        width: 30px;
    }
    .howto .step1 .inner::after {
        border-top: 80px solid #FFC91F;
        border-right: 60px solid transparent;
    }
    .howto .step2 .inner::after {
        border-top: 80px solid #c19300;
        border-right: 60px solid transparent;
    }
    .howto .step_text {
        font-size: 1.5rem;
        left: -8px;
    }
    .howto .inner .round_box{
        padding-left: 30px;
    }
    .howto .step1 h2,
    .howto .step2 h2,
    .howto p.pr100 {
        padding-left: 35px;
    }
    .type .df.compare > div,
    .type .df.compare.five > div {
        width: 100%;
    }
    /* Spread */
    .spread_icon_list li,
    .leverage_icon_list li,
    .position_icon_list li,
    .tradetime_icon_list li{
        font-size: 1.6rem;
    }
    .tradetime_icon_list li{
        width: 100%;
        margin-top: 20px;
        margin-right: 30px;
    }
    .spread_icon_list li img,
    .leverage_icon_list li img,
    .position_icon_list li img,
    .tradetime_icon_list li img,
    .enforcement_icon_list li img{
        max-width: 100px;
    }
    .tradetime_icon_list li img{
        height: auto;
    }
    .spread_table > div{
        width: 100%;
    }
    /* Trading hours */
    .time_area_box > div{
        width: 100%;
    }
    .time_area_box > div h4{
        font-size: 1.6rem;
    }
    /* platform */
    .platform .h1_wrap,
    .platform .h1_wrap.webtrader_h1{
        height: 200px;
        background-position: top;
        background-size: contain;
    }
    .platform .h1_wrap h1{
        font-size: 2.5rem;
    }
    .platform .h1_wrap p{
        font-size: 1.5rem;
    }
    main.sub section p.catch{
        font-size: 1.8rem;
    }
    main.sub.platform h2 img{
        margin: 0 auto;
    }
    main.sub section .platform_feature h3{
        text-align: center;
    }
    ul.link_list li::after,
    ul.link_list li:last-of-type::after{
        content: '';
        width: 0;
        height: 0;
        margin: auto;
        background: none;
        position: absolute;
        top: auto;
        bottom: 5px;
        right: 0;
        left: 0;
        border: 6px solid transparent;
        border-top: 7px solid #666;
    }
    ul.link_list li a{
        padding: 10px 10px 25px;
        background: #131314;
    }
    .btn.webtrader_btn{
        font-size: 1.6rem;
    }
    .platform .webtrader_step h3{
        margin: 40px 0 15px;
    }
    .platform .webtrader_step h4{
        margin: 30px 0 15px;
        font-size: 1.6rem;
    }
    /* vps */
    .vps .sec1 .df_sb{
        display: block;
    }
    .vps .sec1 .df_sb .text,
    .vps .sec1 .df_sb .vps_img{
        width: 100%;
    }
    .vps .sec1 .df_sb .text{
        margin-bottom: 20px;
    }
    .vps .sec1 .df_sb .text h2{
        margin-bottom: 10px;
    }
    .vps .sec1 .df_sb .text .h2_tc{
        text-align: center;
    }
    .vps .sec3, .vps .sec5 {
        padding-top: 60px;
    }
    .vps .sec3::before,
    .vps .sec5::before{
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
    }
    .vps .sec3::before {
        border-top: 30px solid #ffc200;
    }
    .vps .sec5::before {
        border-top: 30px solid #1e1f21;
    }
    .vps .sec3 p{
        text-align: left;
    }
    .vps .sec5 .popup,
    .vps .sec5 img{
        width: 100%;
    }
    .member .vps .h1_wrap h1{
        margin-bottom: 20px;
    }
    .member .sub.vps section:not(.sec6){
        padding: 20px;
    }
    .member .sub.vps section.sec3,
    .member .sub.vps section.sec5{
        padding-top: 60px;
    }
    .member .vps .sec6 h2{
        font-size: 1.6rem;
    }
    .member .sub.vps section.sec2 h3{
        font-size: 1.6rem;
    }
    /* What is is6fx */
    .about .feature_list > div{
        width: 100%;
    }
    .about .feature_list > div img{
        width: 100px;
        height: 100px;
    }
    .office .df_sb.mb40{
        margin-bottom: 0;
    }
    .office .df_sb.mb40 > *{
        width: 100%;
        margin-bottom: 20px;
    }
    .df_sb.license > div{
        width: 100%;
    }
    .df_sb.license > img{
        width: 100%;
    }
    /* philosophy */
    .philosophy section p{
        font-size: 1.5rem;
    }
    .philosophy section.philosophy_bg{
        background-size: cover;
    }
    /* Guidelines */
    .guideline ul {
        margin: 0 0 30px 20px;
    }
    .guideline section ol{
        margin: 0 0 30px 20px;
    }
    main.sub.guideline section ul,
    main.sub.guideline section ol{
        font-size: 1.4rem;
    }
    .manual ul li {
        width: 100%;
        margin-top: 20px;
    }
    .manual ul li:hover{
        transform: none;
    }
    .office_img_wrap{
        margin-bottom: 0;
        display: block;
    }
    .office_img_wrap figure{
        margin-bottom: 15px;
    }
    .office_img_wrap2{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }
    .office_img_wrap .big {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .office_img_wrap2 .map {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .office_img_wrap .mini_photo img,
    .office_img_wrap2 .mini_photo img{
        width: 100%;
    }
    .sub.register_sent .highlight li:last-of-type{
        margin-top: 10px;
    }
    .sns .account {
        padding: 15px;
    }
    .sns .account .image{
        width: 60px;
    }
    .sns .account .text{
        width: calc(100% - 80px);
    }
    .sns .account .text h2{
        font-size: 2rem;
        margin-bottom: 5px;
    }
    .sns .account .btn_wrap a{
        font-size: 1.6rem;
    }
    body.member main.sub.inquiry .inquiry_text_cont h2 {
        font-size: 1.8rem;
    }
    body.member main.sub.inquiry h2 {
        font-size: 2rem;
    }
}
@media screen and (max-width: 414px) {
    .howto p.tc{
        text-align: left;
    }
    .type .df.type_title > div p{
        font-size: 1.4rem;
    }
    .type .df.compare h3{
        font-size: 1.8rem;
    }
    .type .df.compare > div p.catch{
        font-size: 1.6rem;
    }
    .type .df.compare dl{
        padding-top: 0;
    }
    .type .df.compare dt{
        margin-top: 10px;
        padding-top: 10px;
    }
    .type .df.compare dd{
        font-size: 1.6rem;
    }
    /* Trading hours */
    .tradetime_icon_list li img {
        margin-bottom: 15px;
    }
    .flag_list .flag_item{
        width: 100%;
        margin-bottom: 20px;
    }
    .flag_list .flag_item:nth-of-type(n+3){
        margin-top: 0;
    }
    main.sub section .time_area_box ul {
        margin: 0 0 20px 10px;
    }
    main.sub section .time_area_box li {
        margin-bottom: 0;
        padding: 0 0 20px 20px;
    }
    .company .inner.main_cont{
        padding: 30px 15px;
    }
    /* vps */
    .vps .h1_wrap h1{
        font-size: 2rem;
    }
    .vps .sec2 p,
    .vps .sec4 h2 + p{
        text-align: left;
    }
    .vps .sec4 li{
        width: 50%;
    }
    .vps .sec4 li img{
        margin: 0 auto;
        display: block;
    }
    .vps .sec4 li h3{
        margin: 5px 0 0;
    }
    main.sub.invitation section p.catch {
        font-size: 1.8rem;
    }
    .sub h2.precautions::before{
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 320px) {
    .metals .metals_icon .df > div p{
        font-size: 1.2rem;
    }
    .platform .h1_wrap, .platform .h1_wrap.webtrader_h1{
        height: 150px;
    }
}