.system-wrap{position:relative;width:1290px;padding-top:230px;margin:0 auto;letter-spacing:-0.06em;}

.system_bx{position:relative;width:100%}
.system_bx .p1{font-size:72px;font-weight:bold;color:#6017ff;line-height:80px;letter-spacing:-0.06em;}
.system_bx .p1 span{color:#fc2499;}
.system_bx .p2{white-space:pre-wrap;font-size:22px;font-weight:bold;color:#171717;margin-top:40px;letter-spacing:-0.06em;}
.system_bx .p3{white-space:pre-wrap;font-size:18px;color:#171717;margin-top:40px;letter-spacing:-0.06em;}

.system_bx table{position:absolute;top:-90px;right:0}
.system_bx table td{border:1px solid #fff}
.system_bx table td img{display:block;width:100%}

.system_bx2{position:relative;margin-top:250px}
.system_bx2>.p1{font-size:60px;color:#1c1c1c;font-weight:200;letter-spacing:-0.06em;white-space:pre-wrap;line-height:120%}
.system_bx2 .right_box{position:absolute;top:0;right:0}
.system_bx2 .right_box li{float:left;margin-right:30px;}
.system_bx2 .right_box li p{font-size:22px;color:#171717;font-weight:bold;margin-bottom:20px;}
.system_bx2 .right_box li:nth-child(3) p{margin-bottom:7px;}
.system_bx2 .right_box li:last-child{margin-right:0px;}
.system_bx2 .right_box li span{font-size:18px;color:#171717;font-weight:400;}
.system_bx2 .right_box li img{vertical-align:-30px;}
.system_bx2 .right_box .p2{margin-top:35px}

.system_bx3{background-color:#625384;margin-top:100px}
.system_bx3 .box1{float:left;}
.system_bx3 .box2{float:right;margin:40px 40px 0 0;}
.system_bx3 .p1{font-size:48px;font-weight:bold;color:#fff;margin:40px 0 30px 40px;line-height:50px;white-space:pre-wrap;}
.system_bx3 .p2{font-size:26px;font-weight:bold;color:#fff;margin:0 0 5px 40px;}
.system_bx3 ul{margin:0 0 35px 40px;font-weight:100;}
.system_bx3 ul li{color:#fff;font-size:18px;cursor:pointer;line-height:25px;}
.system_bx3 li div{margin-left:20px;}
.system_bx3 li div img{display:none}
.on{font-weight:bold;background-image:url("/image/site/system/list_arrow.png");background-repeat:no-repeat;background-position:5px 7px;}

.main_bx{position:relative;width:814px;height:520px;}
.main_bx div{float:left;margin-left:20px;width:387px}
.main_bx div img{width:100%}

@media ( max-width: 1100px ) {
    .system-wrap{width:auto;padding:50px 10px 0 10px}

    .system_bx{width:auto}
    .system_bx .p1{font-size:35px;line-height:40px}
    .system_bx .p2{white-space:pre-wrap;font-size:20px;margin-top:10px;}
    .system_bx .p3{white-space:pre-wrap;font-size:14px;margin-top:10px;}

    .system_bx table{position:relative;top:0px;right:0;margin-top:30px}

    .system_bx2{margin-top:50px}
    .system_bx2>.p1{font-size:30px;white-space:normal;line-height:100%;text-align:center;margin-bottom:20px}
    .system_bx2 .right_box{position:relative;top:0;right:0}
    .system_bx2 .right_box li{float:none;margin-right:0px;margin-bottom:10px;text-align:center}
    .system_bx2 .right_box li p{font-size:18px;margin-bottom:10px;line-height:100%}
    .system_bx2 .right_box li:nth-child(3) p{margin-bottom:7px;}
    .system_bx2 .right_box li:last-child{margin-right:0px;}
    .system_bx2 .right_box li span{font-size:14px}
    .system_bx2 .right_box li img{vertical-align:0px;-webkit-transform: rotate(90deg);transform: rotate(90deg);margin:10px 0}
    .system_bx2 .right_box .p2{margin-top:20px;font-size:14px;text-align:center}

    .system_bx3{margin-top:50px;padding:20px 10px;text-align:center}
    .system_bx3 .box1{float:none;}
    .system_bx3 .box2{float:none;margin:40px 0 0 0;}
    .system_bx3 .p1{font-size:30px;margin:0;line-height:40px;white-space:normal;}
    .system_bx3 .p2{font-size:18px;margin:20px 0 0 0}
    .system_bx3 ul{margin:0;}
    .system_bx3 ul li{font-size:14px;line-height:25px;}
    .system_bx3 li div{margin-left:20px;display:inline-block;position:relative;}
    .on{font-weight:bold;background-image:none}
    .on img{display:block !important;}
    .system_bx3 li div img{position:absolute;top:7px;left:-15px}

    .main_bx{position:relative;width:auto;height:auto;}
    .main_bx div{float:left;width:48%;margin-right:10px;margin-left:0}
    .main_bx div:last-child{margin-right:0}
    .main_bx div img{width:100%}
}