/*@media screen and (max-width:640px){
.logo{position:relative; top:0; left:0; margin-top:20px; text-align:center; }
.logo img{width:130px;}
.navi{width:100%; position:relative; top:0; left:0; border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:20px;}
.navi{font-size:0; z-index:10;}
.navi > ul > li{display:inline-block; zoom:1; *display:inline; font-size:12px; letter-spacing:-1px; width:25%; text-align:center; height:auto !important; position:relative;}
.navi > ul > li > a{display:block; color:#fff; padding:5px 0; line-height:20px;}
.navi .abr_menu,.navi .por_menu{position:absolute; width:100%; margin-left:0; padding:0; top:31px; z-index:10; display:none}
.navi .abr_menu li,.navi .por_menu li{height:auto;}
.navi .abr_menu a,.navi .por_menu a{display:block; background:rgba(0,0,0,0.5); padding:3px 0;}
.quick_box{position:relative; top:0; left:0; margin-top:20px; margin-left:20px;}
.mimes img{width:150px;}
.copyright{position:relative; top:0; left:0; text-align:right; margin-top:30px; padding-right:10px;}
.copyright img{width:230px;}

.phil{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto;}
.phil img{display:block; margin:0 auto;}
.prj_cont{position:relative; top:0; left:0; width:100%; height:auto; margin: 20px 0 0 0; font-size:0;}
.prj_cont > a{display:inline-block; zoom:1; *display:inline; vertical-align:top; width:50%;}
.prjb01,.prjb02,.prjb03,.prjb04{width:100%; float:none; background-size:cover; height:200px; margin-bottom:0;}
.prjb01 div{padding:7px 0; width:95%; padding-left:5%}
.prjb02 div{padding:7px 0; width:95%; padding-left:5%}
.prjb03 div{padding:7px 0; width:95%; padding-left:5%}
.prjb04 div{padding:7px 0; width:95%; padding-left:5%}

.directors{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto;}
.directors img{width:95%; margin:0 auto; display:block;}

.prjb04 p{font-size:13px; letter-spacing:-1px;}
.prjb04 span{font-size:12px;}
.prj_view,.prj_view2,.prj_view3,.prj_view4{z-index:12; top:10px; left:5%; width:90%; height:90%; margin-left:0; margin-top:0; overflow-y:scroll; padding-bottom:5%;}
.prj30p{padding-bottom:15px;}
.prj_title,.prj_title2,.prj_title3,.prj_title4{width:auto; padding:15px; height:auto; overflow:hidden;}
.prj50p{width:auto; float:none;}
.prj50p p,.prj40p p,.prj30p p{margin-top:15px; margin-left:15px;}
.prj50p ul li,.prj40p ul li,.prj30p ul li,
.prj50p2 ul li,.prj40p2 ul li,.prj30p2 ul li,
.prj50p3 ul li,.prj40p3 ul li,.prj30p3 ul li,
.prj50p4 ul li,.prj40p4 ul li,.prj30p4 ul li,.prj50p3 ul li + li{margin-left:15px;}
.prj_v1_close,.prj_v1_close2,.prj_v1_close3,.prj_v1_close4{top:15px; right:15px;}

.map{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto; }
.map img{width:100%;}

.mpo_box{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto; }
.mpo_box a{width:50%;}
.mpo_box a img{width:100%;}
.mpo01,.mpo02,.mpo03,.mpo04{width:100%; margin-left:0;}
.mpo_wh{padding-left:0; height:45px;}
.mpo_wh{width:100%;}
.mpo_wh p{font-size:13px;}
#esm01{font-size:13px;}
#esm02{font-size:12px;}
.mpo_wh span{font-size:12px;}

.port_list{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto; }
.lis_box li{width:50%; height:auto;}
.lis_box .lis_margin{margin-left:0;}
.fbox img{width:100%;}
.lis_box li a{}
.lis_box li a p{margin-left:0; font-size:13px; letter-spacing:-1px;}
.lis_box li a span{font-size:11px; letter-spacing:-1px; margin-left:0; margin-top:-5px; padding-bottom:5px;}
.lis_box li {margin-top:5px !important;}

.process_map{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto; }
.process_map img{width:100%;}

.consult{position:relative; top:0; left:0; text-align:center; margin:0; margin-top:20px; width:auto; height:auto; padding:0 5px;}
.consult .td{font-size:12px; letter-spacing:-1px; text-align:left; padding-left:0; width:125px;}
.c_send{position:relative; margin-top:20px;}

#bg img{width:100%}
}*/
.dp_auto{display:block;}
.dp_640{display:none;}
.copyright address{ color:#5a5a5a; font-size:15px; text-align:right;}
@media screen and (max-width: 640px) {
body{background:#000;}
.prj_cont, .phil, .quick_box, .logo, .navi, .directors{position:inherit;}
.directors{margin-top:20px;}
.prj_cont{position:relative; top:auto; left:auto; height:auto; overflow:hidden}
.prj_cont{margin:0 auto; margin-top:20px;}
.prj_cont a{display:block;}
.copyright{margin-top:20px; text-align:right;}
.quick_box{position:absolute; bottom:50px; left:10px;}
.director_m{margin-top:25px;}
.navi{margin-top:20px;}
.phil{width:auto; height:auto; max-width:100%; text-align:center; margin:0; margin-top:60px;}
.phil img{230px; margin:0 auto; display:block;}
.dp_auto{display:none;}
#wrap{padding:10px;}
.logo img{width:140px;}
.dp_640{display:block; max-width:90%; margin:0 auto;}

.prjb01 p, .prjb01 span,.prjb02 p, .prjb02 span,.prjb03 p, .prjb03 span,.prjb04 p, .prjb04 span{font-size:12px;}
#bg{position: absolute;
    top: 0;
    z-index: -1;}
.directors{left: 0; top:60%;
width: auto;
height: auto;
margin: 0 auto}
.bg img{height:100%;}

.prj_cont{width:453px; margin-top:40px;}
.prjb01{width:167px; height:178px; background-size:100% !important;}
.prjb03{width:167px; height:247px; background-size:100% !important;}
.prjb02{width:279px; height:278px; background-size:100% !important;}
.prjb04{width:279px; height:147px; background-size:100% !important;}
.prjb01 div{width:154px;}
.prjb02 div{width:266px;}
.prjb03 div{width:154px;}
.prjb04 div{width:266px;}

.map{position:inherit; margin:0; width:auto; height:auto; margin-top:100px;}
.map img{width:90%; display:block; margin:0 auto;}

.mpo_box{position:inherit; margin:0; margin-top:80px;}
.mpo02,.mpo03,.mpo04{margin-left:0;}
.mpo_wh{padding:5px 0 0 5px;}
.mpo_wh p{font-size:11px;}
#esm01{font-size:11px; letter-spacing:-1px;}
#esm02{font-size:10px; letter-spacing:-1px;}
.mpo_wh span{font-size:10px; letter-spacing:-1px;}

.process_map{position:inherit; margin:0; width:auto; height:auto; margin-top:160px;}
.process_map img{width:100%;}

.consult{position:inherit; margin:0; margin-top:80px;}
.c_send{position:inherit;  text-align:right; margin-top:20px;}
.port_list{position:inherit; margin:0;}
.lis_box li a span{font-size:10px; margin-top:5px;}
.lis_box li a p{font-size:11px; margin-top:4px; height:auto;}
.prj_view,.prj_view2,.prj_view3,.prj_view4{width:84%; margin:0; height:auto; left:8%; top:20px; padding-bottom:20px;}
.prj_title,.prj_title2,.prj_title3,.prj_title4{width:auto;}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-size:cover !important;}
.fancybox-close {background-image: url('/image/po_v_close.png') !important;}
.fancybox-nav span{background-image: url('/image/po_v_left.png') !important;}
.fancybox-next span{background-image: url('/image/po_v_right.png') !important;}
.fancybox-nav{top:75% !important; height:auto !important;}
.fancybox-nav{z-index:9999 !important;}
.fancybox-opened{z-index:2 !important;}
.fancybox-overlay{z-index:1 !important;}
.mpo_box > a > div{padding:2px;}
.copyright address{font-size:10px;}
}