@font-face {
  font-family: 'prcicn';
  src:  url('../font/prcicn.eot');
  src:  url('../font/prcicn.eot') format('embedded-opentype'),
    url('../font/prcicn.ttf') format('truetype'),
    url('../font/prcicn.woff') format('woff'),
    url('../font/prcicn.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="prc-"] *::after,[class*=" prc-"] *::after,
[class^="prc-"] *::before,[class*=" prc-"] *::before,
[class^="prc-"]::after,[class*=" prc-"]::after,
[class^="prc-"]::before,[class*=" prc-"]::before{
/*[class^="prc-"], [class*=" prc-"] {*/
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'prcicn' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.prc-link::after{
    content:"\e908"!important;
    margin-left:5px;
}

.prc-blank::after{
    content:"\ea7d"!important;
    margin-left:5px;
}

.prc-pdf::after{
    content:"\eadf";
    margin-left:5px;
}

.prc-zip::after{
    content:"\e92b";
    margin-left:5px;
}

.prc-win::after{
    content:"\eac2";
    margin-left:5px;
}

.prc-apple::after{
    content:"\eabe";
    margin-left:5px;
}

.prc-android::after{
    content:"\eac0";
    margin-left:5px;
}



/* ==========================================================
*
* Basic Setting
*
========================================================== */

html,
body {
    width: 100%;
    height:100%;
    min-height:100%;
}

html {
    font-size: 62.5%;
    /* 16px x 0.625 = 10px(=1rem) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
}

body {
    font-size: 1.6rem;
    line-height: 125%;
    /*font-family:'Noto Sans JP','Sawarabi Gothic',sans-serif;*/
    /*font-family:'Sawarabi Gothic','Noto Sans JP', sans-serif;*/
    /*font-family: 'Noto Sans JP', Meiryo, メイリオ, Osaka, sans-serif;*/
    background-color:#f7f8f8;
    letter-spacing:0.05em;
}


body.locked {
    height: 100%;
    overflow: hidden;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    /*text-decoration:none;*/
    color:#01a2e7;
}

* a:hover {
    text-decoration: underline;

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.pc a:hover{
    /*opacity: 0.5;*/
    color: #fb16a4;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.pc a:hover > img{
    opacity: 0.5;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    
    html,
    body {
        height:100%;
        min-height:100%;
    }
    body {
        font-size: 1.4rem;
    }

}

/* ==========================================================
*
* content frame
*
========================================================== */
#contentFrame{
    display:block;
    width:100%;
    /*min-width:1200px;*/
    background:#f7f8f8 url('../image/bg.png') repeat-y 50% 0;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    
    #contentFrame{
        min-width:100%;
        background-size:cover;
    }

}



/* ==========================================================
*
* Page Header
*
========================================================== */
#header{
    display:block;
    /*overflow:hidden;*/
    width:100%;
    height:110px;
    padding:30px 30px;
    background-color:#00152d;
    position:relative;
    /*z-index:100;*/
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    
    #header{
        height:60px;
        padding:7px 10px;
        position:fixed;
        border-bottom: 1px solid #ffffff;
        z-index:100;
    }

    #mainlogo img{
        width:auto;
        /*height:46px;*/
        height:40px;
        margin:3px 0;
    }

}


/****************************
グローバルナビ
****************************/
#globalNavi{
    display:block;
    width:732px;
    position:absolute;
    right:30px;
    bottom:15px;
}

#globalNavi > ul > li > a{
    display:inline-block;
    padding-bottom:10px;
    font-size: 1.8rem;
    line-height:100%;
    color: #ffffff;
    text-decoration:none;
}

#globalNavi > ul{
    display:block;
}

#globalNavi > ul > li{
    display:block;
    width:16.5%;
    float:left;
    text-align:center;
    position:relative;
}

#globalNavi > ul > li:hover > ul.subNav{
    display:block;
}

ul.subNav{
    display:none;
    overflow:hidden;
    width:160px;
    text-align:left;
    position: absolute;
    padding-top:22px;
    top: 25px;
    left:-20px;
    z-index: 500;
    background:url("../image/pulnav_top.png") no-repeat 50% 0;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    -ms-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
ul.subNav > li{
    display:block;
    overflow:hidden;
    background-color: rgba(106,124,176,0.8);

}

ul.subNav > li > a{
    display:block;
    overflow:hidden;
    width:100%;
    padding: 0.5em;
    font-size:1.4rem;
    line-height:100%;
    color: #ffffff;
    text-decoration:none;
}
ul.subNav > li > a:hover{
    opacity:1.0;
    color:#ffffff;
    /*background-color:#01a2e7;*/
    background-color:#944375;
}


.pc #globalNavi > ul > li > a{
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color: #00152d;
}


/*
.pc #globalNavi > ul > li:nth-child(1) > a:hover,
.pc #globalNavi > ul > li:nth-child(4) > a:hover,
.pc #globalNavi > ul > li:nth-child(5) > a:hover{
    opacity:1.0;
    border-bottom:2px solid #01a2e7;
}
*/

.pc #globalNavi > ul > li > a:hover{
    border-bottom-color: #fb16a4!important;
}

.pc .about #globalNavi > ul > li:nth-child(2) > a,
.pc .products #globalNavi > ul > li:nth-child(3) > a,
.pc .platform #globalNavi > ul > li:nth-child(4) > a,
.pc .education #globalNavi > ul > li:nth-child(5) > a,
.pc .customer #globalNavi > ul > li:nth-child(6) > a{
    border-bottom-color: #01a2e7;
}




/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #globalNavi{
        width:100%;
        position:relative;
        right:auto;
        bottom:auto;
    }

    #globalNavi a{
        font-size: 1.6rem;
    }

    #globalNavi > ul > li{
        width:100%;
        float:none;
        text-align:left;
        border-bottom: 2px solid #0054a0;
    }

    #globalNavi > ul > li > a{
        display:block;
        overflow:hidden;
        padding:1em 1em;
    }

    #globalNavi ul > li > a:after{
        content: "\e908";
        float:right;
    }
    #globalNavi > ul > li:nth-child(2) > a:after,
    #globalNavi > ul > li:nth-child(3) > a:after,
    #globalNavi > ul > li:nth-child(6) > a:after{
        content: "";
    }

    ul.subNav{
        display:block;
        overflow:hidden;
        width:100%;
        padding-top: 0;
        margin-bottom: 0.5em;
        position:relative;
        top:auto;
        left:auto;
        background:none;
    }

    ul.subNav > li{
        width:100%;
        padding-left:1em;
        background-color:transparent;
    }

    ul.subNav > li > a{
        font-size:0.8em;
        padding:0.5em 1em;
    }
   
}


/****************************
コンテンツナビ
****************************/
#subNavi{
    display:block;
    overflow:hidden;
    position:absolute;
    top:15px;
    right:30px;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #subNavi{
        position:relative;
        top:auto;
        right:auto;
        text-align:left;
        padding:1em 2em;
    }

}


/****************************
ログインボタン
****************************/

#loginSelector{
    display:inline-block;
    overflow: hidden;
    min-width: 6em;
    color:#ffffff;
    border: 2px solid #ffffff;
    position:relative;
    /*float:right;*/
    text-align:center;
    margin-left: 10px;
    z-index:200;
}

.pc #loginSelector:hover{
    border-color:#fb16a4;
}

#pcLogin{
    display:block;
    background-color: #00152d;
    cursor: pointer;
    min-width:100px;
    /*transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;*/
}

#pcLogin > p{
    display:block;
    overflow:hidden;
    font-size:1.4rem;
    color:#ffffff;
    padding: 0 0.5em;
    line-height:30px;
}

#pcLogin > p::before{
    display:inline-block;
    content: "\e905"; 
    margin:0 5px;
}

#pcLogin > ul{
    display:none;
}

#pcLogin:hover > ul{
    display:block;
}
#pcLogin > ul > li{
    display:block;
    overflow:hidden;
    padding: 0.25em 0.25em;
}
#pcLogin > ul > li > a{
    display:block;
    overflow:hidden;
    font-size:1.4rem;
    color:#ffffff;
    text-decoration:none;
    padding: 0.25em;
}

#pcLogin > ul > li > a:hover{
    /*color:#01a2e7;*/
    color:#fb16a4;
}



#spLogin{
    display:none;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #loginSelector{
        display:block;
        font-size:1.6rem;
        padding:0;
        margin-left: 0;
        margin-bottom:10px;
        min-width: 100%;
        text-align:left;
        float:none;
    }

    #spLogin{
        display:block;
        position:relative;
    }

    #spLogin label{
        position: absolute;
        top:0.5em;
        left:1em;
    }

    #spLogin label::before{
        content: "\e905"; 
        font-size:1.6rem;
        line-height:125%;
    }

    #spLogin select{
        display:block;
        overflow:hidden;
        padding:0.5em 1em 0.5em 2.6em;
        width:100%;
        font-size:1.6rem;
        line-height:125%;
        color:#ffffff;
        background-color: #00142d;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
    }


    #spLogin select:focus {
        outline:none;
    }


    #pcLogin{
        display:none;
    }   
}


/****************************
言語切り替え
****************************/
#langSelecter{
    display:inline-block;
    overflow: hidden;
    min-width: 6em;
    color:#ffffff;
    border: 2px solid #ffffff;
    position:relative;
    float:right;
    text-align:center;
    margin-left: 10px;
    z-index:200;
}

.pc #langSelecter:hover{
    border-color:#fb16a4;
}

#pcSelector{
    display:block;
    background-color: #00152d;
    cursor: pointer;
    min-width:100px;
    /*transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;*/
}

#pcSelector > p{
    display:block;
    overflow:hidden;
    font-size:1.4rem;
    color:#ffffff;
    /*padding: 0 0.5em;*/
    padding: 0 0.5em 0 2em;
    line-height:30px;
    background-repeat: no-repeat;
    /*background-position: 0 50%;
    background-size:contain;*/
    background-position: 5px 50%;
    background-size:20%;


}


#pcSelector > ul > li > a.disabled{
    pointer-events: none;
    opacity:0.5;
}


#pcSelector > ul{
    display:none;
}

#pcSelector:hover > ul{
    display:block;
}
#pcSelector > ul > li{
    display:block;
    overflow:hidden;
    padding: 0.25em 0.25em;
}
#pcSelector > ul > li > a{
    display:block;
    overflow:hidden;
    font-size:1.4rem;
    color:#ffffff;
    text-decoration:none;
    padding: 0.25em 0.25em 0.25em 30px;

    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size:20%;
}

#pcSelector > ul > li > a:hover{
    /*color:#01a2e7;*/
    color:#fb16a4;
}

#pcSelector > ul > li > a[href='cn']{
    background-image: url("../image/cn.svg");
}
#pcSelector > ul > li > a[href='en']{
    background-image: url("../image/gb.svg");
}
#pcSelector > ul > li > a[href='jp']{
    background-image: url("../image/jp.svg");
}
#pcSelector > ul > li > a[href='kr']{
    background-image: url("../image/kr.svg");
}
#pcSelector > ul > li > a[href='/'],
#pcSelector > ul > li > a[href='cy']{
    background-image: url("../image/eu.svg");
}


#spSelector{
    display:none;
}




/*一時的にキプロスリンク閉鎖
#pcSelector a[href='cy'],
#pcSelector a[href='/']{
    pointer-events: none;
    opacity:0.5;
}
#spSelector option[value='cy']{

}
*/


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    
    #langSelecter{
        display:block;
        font-size:1.6rem;
        padding:0;
        margin-left: 0;
        min-width: 100%;
        text-align:left;
        float:none;
    }

    #spSelector{
        display:block;
        position:relative;
    }

    #spSelector label{
        position: absolute;
        top:0.5em;
        left:1em;
    }

    #spSelector label::before{
        content:"\e90b";
        font-size:1.6rem;
        line-height:125%;
    }

    #spSelector select{
        display:block;
        overflow:hidden;
        padding:0.5em 1em 0.5em 2.6em;
        width:100%;
        font-size:1.6rem;
        line-height:125%;
        color:#ffffff;
        background-color: #00142d;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
    }


    #spSelector select:focus {
        outline:none;
    }


    #pcSelector{
        display:none;
    }
}

/* ==========================================================
*
*スマホメニュー
*
========================================================== */

/****************************
メニューボタン
****************************/
#menuBtn{
    display:none;
}

#menuBtn > a{
    display:block;
    overflow:hidden;
    width:60px;
    height:60px;
    text-decoration:none;
    /*background-color:#00152d;*/
    position:relative;
    text-align: center;
}

#menuBtn > a > span{
    display:block;
    overflow:hidden;
    width:26px;
    height:2px;
    background-color:#ffffff;
    position:absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menuBtn > a > span:nth-child(1){
    top:18px;
    left:17px;
}

#menuBtn > a > span:nth-child(2){
    top:25px;
    left:17px;
}
#menuBtn > a > span:nth-child(3){
    top:32px;
    left:17px;
}

#menuBtn > a > b{
    position:absolute;
    width:100%;
    font-size:10px;
    color:#ffffff;
    bottom:7px;
    left:0;
}


.opnav #menuBtn > a > span:nth-child(1){
    top:24px;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
}

.opnav #menuBtn > a > span:nth-child(2){
    opacity:0.0;
}

.opnav #menuBtn > a > span:nth-child(3){
    top:24px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}


#spNavi .contactInfo{
    display:none;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #menuBtn{
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        z-index:50;
    }

    #spNavi{
        display:block;
        overflow-y:auto;
        width:100vw;
        height:calc(100vh - 60px);
        padding-bottom:30px;
        background-color:#00152d;
        position:absolute;
        top:60px;
        left:100%;
        /*border-top:1px solid #ffffff;*/

        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

    #spNavi > .innerFrame{
        display:block;
        overflow:hidden;
        padding-bottom:50px;
    }

    #spNavi .contactInfo{
        display:block;
        padding:1em 2em;
        text-align:center;
    }

    #spNavi .contactInfo > dl{
        margin-bottom:2em;
    }

    #spNavi a.prc-chat{
        font-size: 1.6rem;
        padding:0.5em 2em;
    }

    
}


/* ==========================================================
*
*メニュー展開
*
========================================================== */

#contentFrame.opnav {
    height:100%;
    overflow:hidden;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    .opnav  #spNavi{
        left:0;
    }

}


/* ==========================================================
*
* Cotainer
*
========================================================== */
#mainContent{
    display:block;
    overflow:hidden;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-bottom:150px;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #mainContent{
        max-width:100%;
        padding-bottom:50px;
    }

}

/* ==========================================================
*
* Breadcrumbs List
*
========================================================== */
#breadcrumbs{
    display:block;
    overflow:hidden;
    width:100%;
    height:110px;
    padding-top:25px;
    padding-left:325px;
}

#breadcrumbs a{
    color:#00152d;
    text-decoration:none;
}
#breadcrumbs a:hover{
    /*color:#01a2e7;*/
    color:#fb16a4;
}

#breadcrumbs > ul{
    display:block;
    overflow:hidden;
}

#breadcrumbs > ul > li{
    display:inline-block;
    overflow:hidden;
    font-size: 1.4rem;
}

#breadcrumbs > ul > li > a::after{
    content:">";
    margin:0 0.25em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #breadcrumbs{
        height:60px;
    }

    #breadcrumbs > ul{
        display:none;
    }

}



/* ==========================================================
*
* Side Navi
*
========================================================== */
#nav{
    display:block;
    overflow:hidden;
    width:260px;
    margin-right:65px;
    height:100%;
    position:relative;
    float:left;
    line-height:200%;
    padding-left:15px;
}


#nav > h2{
    display:block;
    font-size: 2.0rem;
    color:#00152d;
    margin-bottom: 1em;
}

#nav a{
    display:block;
    overflow:hidden;
    line-height:125%;
    text-decoration:none;
}

#nav > ul{
    display:block;
    overflow:hidden;
}


#nav > ul > li{
    display:block;
    overflow:hidden;
    margin-bottom:1em;
}

#nav > ul > li > a{
    display:block;
    overflow:hidden;
    height:40px;
    color:#ffffff;
    text-decoration:none;
    font-size: 1.6rem;
    line-height:40px;

    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    background: #00152d;
    background: -moz-linear-gradient(left, #00152d 0%, #0054a0 100%);
    background: -webkit-linear-gradient(left, #00152d 0%,#0054a0 100%);
    background: linear-gradient(to right, #00152d 0%,#0054a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00152d', endColorstr='#0054a0',GradientType=1 );
}

#nav > ul > li > a > span{
    display:inline-block;
    overflow:hidden;
    padding-left: 1em;
}

#nav > ul > li > a:hover{
    /*color:#fb16a4;*/
    filter: brightness(150%);
}


#nav > ul > li > a::after{
    display:block;
    overflow:hidden;
    width:2em;
    text-align:center;
    line-height:40px;
    content: "\e908";
    font-size: 1.8rem;
    margin-left:5px;
    float:right;
}

#nav > ul > li > a.prc-current::after{
    background-color:#01a2e7;
}



#nav > ul > li > ul {
    margin-left:1em;
}

#nav > ul > li > ul > li{
    display:block;
    overflow:hidden;
}

#nav > ul > li > ul > li > a{
    color:#00152d;
    line-height: 125%;
    padding: 0.5em 0;
}
#nav > ul > li > ul > li > a:hover{
   /*color:#01a2e7;*/
   color:#fb16a4;
}

#nav > ul > li > ul > li > a::before{
    content:"\f0e2";
    margin-right:5px;
}




/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #nav{
        display:none;
    }

}


/****************************
Contact Info
****************************/
.contactInfo{
    display:block;
    overflow:hidden;
    color:#ffffff;
    padding:1em 1em 0.5em;

    border:1px solid #00152d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
   
}

#nav .contactInfo{
    margin-top:60px;
    color:#00152d;
}


.contactInfo > h3{
    font-size:2.0rem;
    line-height:125%;
    margin-bottom:1em;
}

.contactInfo > dl{
    display:block;
    overflow:hidden;
}

.contactInfo > dl > dt{
    display:block;
    overflow:hidden;
    font-weight:bold;
    font-size:1.6rem;
    padding: 0.5em 0 0;
    border-top:1px solid #00152d;
}

.contactInfo > dl > dd{
    padding-bottom:1em;
}

.contactInfo a{
    display:block;
    overflow:hidden;
    color:#00152d;
    text-decoration:none;
}


.prc-qq::before{
    content: "\f1d6";
    margin-right:0.5em;
}
.prc-phone::before{
    content: "\e942";
    margin-right:0.5em;
}
.prc-mail::before{
    content: "\f003";
    margin-right:0.5em;
}
.prc-fax::before{
    content: "\f1ac";
    margin-right:0.5em;
}
.prc-chat::before{
    content: "\e96b";
    margin-right:0.5em;
}
.prc-skype::before{
    content: "\f17e";
    margin-right:0.5em;
}


#spNavi .contactInfo a{
    color:#ffffff;
}

#spNavi .contactInfo > dl > dt{
    display:block;
    overflow:hidden;
    font-weight:bold;
    font-size:1.6rem;
    padding: 0.5em 0 0;
    border-top:1px solid #00152d;
}

#spNavi .contactInfo > dl > dd{
    line-height:155%;
    font-size:1.6rem;
    padding-bottom:1em;
}


/* ==========================================================
*
* Content Body
*
========================================================== */
#contentBody{
    display:block;
    overflow:hidden;
    /*width:auto;
    min-width:860px;
    float:left;*/
    position:relative;
    padding-top: 150px;
}

#contentBody > .innerFrame{
    max-width:860px;
}

#contentBody > .innerFrame p{
    line-height: 175%;
}

#contentBody > .innerFrame table{
    border-collapse:collapse;
}
/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #contentBody{
        padding:0;
    }

    #contentBody > .innerFrame{
        padding:0 1em;
    }

}


/****************************
コーナータイトル
****************************/
#cornerTtl{
    display:block;
    /*overflow:hidden;
    width:100%;*/
    height:144px;
    width: calc(50% + 275px);
    color:#ffffff;
    padding-left:55px;

    background-color: #00152d;
    background-repeat:no-repeat;
    background-position: right 0;
    background-size:cover;
    border-bottom:6px solid;
    border-image: linear-gradient(to right, #00152e 0%, #00519a 100%);
    border-image-slice: 1;

    position: absolute;
    left: calc(50% - 275px);
}


#cornerTtl > p{
    display:inline-block;
    font-size:3.0rem;
    position:absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about #cornerTtl{
    background-image:url("../image/about.png");
}
.products #cornerTtl{
    background-image:url("../image/products.png");
}
.platform #cornerTtl{
    background-image:url("../image/platform.png");
}
.education #cornerTtl{
    background-image:url("../image/education.png");
}
.customer #cornerTtl{
    background-image:url("../image/customer.png");
}
.news #cornerTtl{
    background-image:url("../image/news.png");
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #cornerTtl{
        width:100%;
        height:90px;
        padding-left:30px;
        position:relative;
        left:0;
    }

    #cornerTtl > p{
        font-size:2.0rem;
    }
        
}

/****************************
H1タイトル
****************************/
#contentBody h1{
    display:block;
    overflow:hidden;
    font-size: 2.5rem;
    color:#00152d;
    /*height:46px;*/
    margin:30px 0;
    padding:0.25em 0 0.25em 15px;
    /*font-weight:bold;*/
    background:url('../image/h1_ber.png') no-repeat 0 0;
}

/*#contentBody h1::before{
    display:block;
    content:"";
    width:8px;
    height:100%;
    float:left;

    background: #00152d;
    background: -moz-linear-gradient(top, #00152d 0%, #0054a0 100%);
    background: -webkit-linear-gradient(top, #00152d 0%,#0054a0 100%);
    background: linear-gradient(to bottom, #00152d 0%,#0054a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00152d', endColorstr='#0054a0',GradientType=0 );
}*/

#contentBody h1 > span{
    /*display:block;
    padding-left:15px;*/
    line-height:125%;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #contentBody h1{
        font-size: 1.8rem;
        /*height:30px;*/
        margin:30px 0;
    }

    /*#contentBody h1 > span{
        line-height:30px;
    }*/
}

/****************************
H2タイトル
****************************/
#contentBody h2{
    display:block;
    overflow:hidden;
    font-size: 2.0rem;
    color:#ffffff;
    padding:1em;
    margin:30px 0;

    background: #00152d;
    background: -moz-linear-gradient(left, #00152d 0%, #0054a0 100%);
    background: -webkit-linear-gradient(left, #00152d 0%,#0054a0 100%);
    background: linear-gradient(to right, #00152d 0%,#0054a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00152d', endColorstr='#0054a0',GradientType=1 );
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #contentBody h2{
        font-size: 1.6rem;
    }

}


/****************************
H3タイトル
****************************/
#contentBody h3{
    clear:both;
    display:block;
    overflow:hidden;
    font-size: 2.0rem;
    color:#00152d;
    padding:1em 0 0.5em;
    margin:30px 0;
    border-bottom: 2px solid #00152d;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #contentBody h3{
        font-size: 1.6rem;
    }
      
}


/* ==========================================================
*
* スマホ用コンテンツナビ
*
========================================================== */

#contNav{
    display:none;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #contNav{
        display:block;
        margin-top:50px;
    }

    #contNav > ul{
        border-top: 2px solid #00152d;
    }

    #contNav > ul > li{
       display:block;
       overflow:hidden;
       border-bottom: 2px solid #00152d;
    }

    #contNav > ul > li > a{
        display:block;
        overflow:hidden;
        padding: 1em 1em;
        text-decoration:none;
        color: #00152d;
    }

    #contNav > ul > li > ul{
        display:none;
    }

    #contNav > ul > li > a::after{
        content: "\e908";
        float: right;
    }

    #contNav a.prc-current {
        opacity: 0.5;
    }

    #contNav a.prc-current::after {
        color: #01a2e7;
    }
}


/* ==========================================================
*
* Footer
*
========================================================== */
#footer{
    clear:both;
    display:block;
    overflow:hidden;
    position:relative;
}


#footer a{
    color:#9fa0a0; 
    text-decoration:none;
}

#footer a:hover{
    /*color:#01a2e7;*/
    color:#fb16a4;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #footer{
        padding-bottom: 30px;
    }    
}

/****************************
サイトマップ
****************************/
#sitemap{
    display:block;
    overflow:hidden;
    background-color:#00152d;
    padding:75px 0;
}

/* #sitemap::after{ */
    /* display:block; */
    /* overflow:hidden; */
    /* width:900px; */
    /* margin:0 auto; */
    /* font-size: 1.4rem; */
	/* white-space: pre-wrap; */
    /* content:'Performance Ronnaru Capital Ltd (Company) is a VANUATU Company Licensed & Regulated by the VANUATU Financial Services Commission (VFSC) with License number: 14788 \A\A Govant Building, BP 1276, Port Villa,Vanuatu'; */
    /* color:#cccccc; */
/* } */

#sitemap::after{
    display:block;
    overflow:hidden;
    width:900px;
    margin:0 auto;
    font-size: 1.4rem;
	white-space: pre-wrap;
    content:'The PRC Group holds 100% of the following subsidiaries,and PRCBroker brand is an international brand that is authorized and regulated in various jurisdictions  :\APerformance Ronnaru Company Ltd(Cyprus) is regulated by CySEC, with licence no. 253/14.(www.prcbroker.com) 7B, Andrea Papakosta Street, Palouriotissa, 1037 Nicosia Cyprus. currently only serves EU according to CySEC‘s regulations.\A\APerformance Ronnaru Capital Ltd（Vanuatu) is regulated by VFSC, with company no. 14788.（www.prc-brokers.com) Statutory Registered Office: 1276, Govant Building, Kumul Highway, Port Vila, Republic of Vanuatu.Operation office address:Lolam house Kumul Highway, Pot 5641 CENTRE VILLE, 1 Port Vila, Vanuatu. TEL +678-24404.serves clients outside of EU according to VFSE‘s regulations.Performance Ronnaru Capital Ltd. (BVI)Statutory Registered Office:Vistra Corporate Services Centre, Wickhams Cay II, Road Town, Tortola, VG1110, BVI、Register no.1039131、Operation office address:Lolam house Kumul Highway, Pot 5641 CENTRE VILLE, 1 Port Vila, Vanuatu.\A\A- Full company name: Performance Ronnaru Capital Ltd.(BVI)\A- Full registered address: Vistra Corporate Services Centre, Wickhams Cay II, Road Town, Tortola, VG1110, BVI\A- Registration number: 1039131\A- Full physical address - Lolam House, Kumul Highway Pot 5641 Centre Ville 1, Port Vila, Vanuatu\A- Landline number in physical location: + 678 24404\A\ARegional restrictions: PRCBroker brand does not provide services to residents of the USA, Mauritius, Canada, Haiti, Suriname, North Korea, Puerto Rico, HongKong';
    color:#cccccc;
}

#sitemap > img{
    width:188px;
    height:auto;
}

#sitemap .innerFrame{
    display:block;
    overflow:hidden;
    width:900px;
    margin:80px auto;
    line-height: 125%;
}

#sitemap h5{
    font-size: 1.6rem;
}


#sitemap .innerFrame > .sitelist{
    display: inline-block;
    overflow:hidden;
    width: 20%;
    float:left;
    padding-right:1em;
}

#sitemap .innerFrame > .sitelist > ul{
    display:block;
    overflow:hidden;
    margin-top: 1em;
    font-size: 1.4rem;
}

#sitemap .innerFrame > .sitelist > ul > li{
    padding:0.5em 0em;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #sitemap{
        padding:75px 0 0;
    }

    #sitemap::after{
        width:100%;
        /*font-size:1.2rem;*/
        padding:0 25px;
        margin:0 auto 50px;
    }

    #sitemap .innerFrame{
        width:100%;
        margin:80px auto 0;
        padding:0 25px;
    }  

    #sitemap .innerFrame > .sitelist{
        width: 50%;
        text-align:center;
        padding-bottom: 2em;
        margin:2px 0;
        padding-right:0;
    }

    #sitemap h5{
        font-size: 1.6rem;
    }

}


/****************************
フッタナビ
****************************/
#ftnavi{
    clear:both;
    display:block;
    overflow:hidden;
    text-align:center;
    background-color:#002a43;
    color:#ffffff;
    padding:30px 0;
}

#ftnavi > ul{
    display:block;
    overflow:hidden;
    letter-spacing:-.4em;
}

#ftnavi > ul > li{
    display:inline-block;
    overflow:hidden;
    letter-spacing:normal;
}

#ftnavi > ul > li > a{
    display:block;
    overflow:hidden;
    line-height:125%;
}

#ftnavi > ul > li > a::after{
    content:"|";
    color:#ffffff;
    padding:0 1em;
}

#ftnavi > ul > li:last-child > a::after{
    display:none;
    padding:0;
}

#ftnavi > small{
    font-size:1.0rem;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    /*#ftnavi{
        padding:15px 2em;
    }

    #ftnavi > ul > li{
        width:50%;
    }
    #ftnavi > ul > li:last-child{
        width:100%;
    }

    #ftnavi > ul > li > a{
        padding:0.5em 0;
    }

    #ftnavi > ul > li > a::after{
        display:none;
    }*/

    #ftnavi {
        padding: 0 0;
    }

    #ftnavi > ul > li {
        width: 100%;
        border-bottom:1px solid #333333;
    }
    #ftnavi > ul > li:last-child{
        border-bottom:none;
    }

    #ftnavi > ul > li > a {
        padding: 1em 0.5em;
    }

    #ftnavi > ul > li > a::after{
        display:none;
    }

}



/****************************
コピーライト
****************************/
#copyright{
    display:block;
    overflow:hidden;
    padding:15px 0;
    font-size:1.2rem;
}


/* ==========================================================
*
* Fined Parts
*
========================================================== */
/****************************
TOPボタン
****************************/
/*#topBtn{
    display:inline-block;
    overflow:hidden;
    width:80px;
    height:80px;
    text-align:center;
    padding:3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    background: #0254a0
    background: -moz-linear-gradient(top, #0254a0 0%, #fb16a4 100%);
    background: -webkit-linear-gradient(top, #0254a0 0%,#fb16a4 100%);
    background: linear-gradient(to bottom, #0254a0 0%,#fb16a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0254a0', endColorstr='#fb16a4',GradientType=0 );

    position:fixed;
    bottom:60px;
    right:60px;
    float:none;
    z-index:51;
}*/

#topBtn{
    display:inline-block;
    overflow:hidden;
    width:50px;
    height:50px;
    text-align:center;
    padding:3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    background: #0254a0
    background: -moz-linear-gradient(top, #0254a0 0%, #fb16a4 100%);
    background: -webkit-linear-gradient(top, #0254a0 0%,#fb16a4 100%);
    background: linear-gradient(to bottom, #0254a0 0%,#fb16a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0254a0', endColorstr='#fb16a4',GradientType=0 );

    position:fixed;
    bottom:60px;
    right:20px;
    float:none;
    z-index:51;
}

#topBtn > a{
    display:block;
    overflow:hidden;
    width:44px;
    height:44px;
    text-decoration:none;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color:#ffffff;
}

.pc #topBtn > a:hover{
    /*filter: brightness(150%);*/
    /*background-color:#01a2e7;*/
    opacity: 0.5;
}

/*.pc .fixed #topBtn{
    position:absolute;
    bottom:-80px;
}*/

a.prc-up > span{
    display:none;
}

a.prc-up::before{
    content: "\e904";
    font-size: 28px;
    line-height:44px;
    color:#00152d;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    #topBtn{
        width:40px;
        height:40px;
        padding:2px;
        /*bottom:10px;*/
        right:10px;
    }

    #topBtn > a{
        width:36px;
        height:36px;
    }

    a.prc-up::before{
        font-size: 18px;
        line-height:36px;
    }


}



/****************************
Online Chat
****************************/
#onlineChat{
    display:inline-block;
    overflow:hidden;
    width:200px;
    position:fixed;
    bottom:0;
    right:0;
    background-color:#000000;
}

a.prc-chat{
    display:block;
    overflow:hidden;
    width:100%;
    text-decoration:none;
    font-size: 14px;
    line-height:26px;
    color:#ffffff;
    padding:10px 2em;

    background: #fb16a4;
    background: -moz-linear-gradient(left, #fb16a4 0%, #0254a0 100%);
    background: -webkit-linear-gradient(left, #fb16a4 0%,#0254a0 100%);
    background: linear-gradient(to right, #fb16a4 0%,#0254a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb16a4', endColorstr='#0254a0',GradientType=1 );
}

a.prc-chat::after{
    display:inline-block;
    content: "\e902";
    font-size: 26px;
    float:right;
}

/*
.pc a.prc-chat:hover{
    opacity:0.5;
}*/


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #onlineChat{
        display:none;
    }
}




/* ==========================================================
*
* Shared Parts
*
========================================================== */
/****************************
Table
****************************/
table{
    display:table;
    width:100%;
    background-color:#ffffff;
}


table > thead > tr > th{
    color:#ffffff;
    padding: 0.5em 1em;
    text-align:center;
    font-weight:bold;
    background-color:#00152d;
    border:1px solid #8b8e91;
}

table > tbody > tr > th{
    /*background-color:#f7f8f8;*/
    background-color:#00549f;
    color:#ffffff;
}

table > tbody > tr > th,
table > tbody > tr > td{
    text-align:center;
    /*border:1px solid #00152d;*/
    border:1px solid #cccccc;
    padding: 0.5em 0.5em;
}


table.stxt th,
table.stxt td{
    font-size:1.4rem;
}

table th span{
    font-size:0.8em;
}

sup{
    color:#ff0000;
}

.sctable{
    display:block;
    overflow:auto;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    .sctable{
        display:block;
        overflow-x:auto;
    }

    .sctable > table{
        width:auto;
    }
    
}


/****************************
List
****************************/

/*黒丸リスト*/
ul.dotList{
    display:block;
    overflow:hidden;
    list-style-type: disc;
}

ul.dotList > li{
    line-height:155%;
    padding:0.5em 0;
    margin-left:2em;
}


/*ローマ数字ナンバリングリスト*/
ul.romanList{
    display:block;
    overflow:hidden;
    list-style-type: lower-roman;
}

ul.romanList > li{
    line-height:155%;
    padding:0.5em 0;
    margin-left:2em;
}


/*アラビア数字ナンバリングリスト*/
ol.numList{
    display:block;
    overflow:hidden;
    list-style-type: decimal;
}

ol.numList > li{
    line-height:155%;
    padding:0.5em 0;
    margin-left:2em;
}


/****************************
レイアウトパーツ
****************************/
.alCenter{
    text-align:center;
}

.alRight{
    text-align:right!important;
}

.mgb1{
    margin-bottom:1em;
}

.noPc{
    display:none;
}

.noSp{
    display:block;
}

.sTxt{
    font-size:1.4rem;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {
    .noPc{
        display:block;
    }

    .noSp{
        display:none;
    }

    .sTxt{
        font-size:0.8em;
    }
}

/****************************
ボタンパーツ
****************************/
a.normalBtn,
a.rainbowBtn{
    display:inline-block;
    overflow: hidden;
    min-width:33%;
    font-size:1.6rem;
    color:#ffffff;
    text-align:center;
    line-height:125%;
    padding:0.5em 2em;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    text-decoration:none;

    margin:2px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

a.normalBtn:hover,
a.rainbowBtn:hover{
    color:#ffffff;
    text-decoration:none;
    filter: brightness(200%);
}


.normalBtn{
    background: #00162f;
    background: -moz-linear-gradient(left, #00162f 0%, #00529c 100%);
    background: -webkit-linear-gradient(left, #00162f 0%,#00529c 100%);
    background: linear-gradient(to right, #00162f 0%,#00529c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00162f', endColorstr='#00529c',GradientType=1 );
}

.rainbowBtn{
    background: #02152e;
    background: -moz-linear-gradient(left, #02152e 0%, #8f0781 100%);
    background: -webkit-linear-gradient(left, #02152e 0%,#8f0781 100%);
    background: linear-gradient(to right, #02152e 0%,#8f0781 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02152e', endColorstr='#8f0781',GradientType=1 );
    /*
    background: #fb16a4;
    background: -moz-linear-gradient(left, #fb16a4 0%, #0254a0 100%);
    background: -webkit-linear-gradient(left, #fb16a4 0%,#0254a0 100%);
    background: linear-gradient(to right, #fb16a4 0%,#0254a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb16a4', endColorstr='#0254a0',GradientType=1 );
    */
}


a[href='#'].normalBtn,
a[href='#'].rainbowBtn{
    pointer-events:none;
    background: #b1b0b0;
    color: #6b6b6b;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {


    
}


/***********************************
 for IE
 ***********************************/

@media all and (-ms-high-contrast: none) {

    #nav > ul > li > a:hover{
        opacity:0.5;
    }


    a.normalBtn:hover,
    a.rainbowBtn:hover{
        opacity:0.5;
    }
}

/**********ADD BY MA 20191016 S********************/

#disDivCover {
  background-color:#E5E8E8; 
  width:100%; 
  height:auto; 
  margin:20 auto; 
  overflow:hidden; 
  position: fixed; 
  bottom:0;
  text-align:center;
  border-top:1px solid #4C4E6E;
}

#disDivCover > p::after {
  content:"By browsing this site or by clicking on the [Proceed] button you accept our Privacy Policy.";
}

#disDivCover > input{
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 0px 1px 0px #283966;
  -webkit-box-shadow: inset 0px 39px 0px -24px #9fb4f2;
  -moz-box-shadow: inset 0px 39px 0px -24px #9fb4f2;
  box-shadow: inset 0px 39px 0px -24px #9fb4f2;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #7892c2;
  padding: 6px 18px 6px 18px;
  border: solid #4e6096 1px;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  
}

#disDivCover > input:hover {
  color: #ffffff;
  background: #476e9e;
  text-decoration: none;
}

/**********ADD BY MA 20191016 E********************/


/**********ADD BY MA 20200629 S********************/
**********************************
 Custom dialg
 ***********************************/
#dialogBase{
    display:none;
    overflow:hidden;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,0.5);	
    position:fixed;
    top:0;
    left:0;
    z-index:1500;
}

/*20210409-GF遮罩*/
#mark2{
	position: fixed;
	left: 0;
	top: 0;
	opacity: .5;
	width: 100%;
	height: 100%;
	background: #000;
}
/*20210409-GF遮罩*/

#dialg{
    display:inline-block;
    background-color:#ffffff;
	/*background-image:url('../../cn/images/红包.jpg'); */
	background-image:url('https://www.prcbroker.net/cn/images/%E7%BA%BF%E4%B8%8A%E7%9B%B4%E6%92%AD%E8%AF%BE%E5%A0%82.png');
         /*background-image:url('../../cn/images/余老师海报.png');*/
	/*background-image:url('../../cn/images/5月非农竞猜有二维码.png'); */
	/*background-image:url('../../cn/images/有二维码有logo.png');*/
	/*background-image:url('../../cn/images/1.jpg'); //单次使用*/
	/*background-image:url('../../cn/images/4月假期图片.png');*/ 
	/*background-image:url('../../cn/images/有二维码有logo.png'); */
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
    font-size:1.4rem;
    line-height:125%;
   
	/* 横向弹窗 */
	 /*height: 60%; */
	/*width: 60%; */
	/*适应1080*1920像素*/
	width: 360px;
    height: 640px;
	/*适应720*860像素*/
	/*height: 95%;
	width: 27%;红包*/
	
    padding:3em 0;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -o-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

    /* position:absolute; */
	position:fixed;
    top:48%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sp #dialg{
    width:100%;
	/* 横向弹窗 */
	/* height: 23%; */
}

#dialg input{
    display:inline-block;
    overflow:hidden;
    float:right;
    /* margin-top:-3.2em; */
	/*20210407-GF关闭按钮<X>*/
	margin-top:-0.2em;
    
    padding:0.3em 0.5em;
    background-color:#808B96;
    color:#ffffff;
    text-decoration:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/**********ADD BY MA 20200629 E********************/