@charset "utf-8";
/* CSS Document */
#m_menu{position: fixed;top:0;left:0;width: 45%;height: 100%; background-color: #4a2e71;color: #fff;z-index: 200;display: none;}
#m_menu .container{width: 100%;}
#m_menu .menu_list{width: 100%;}
#m_menu .menu_list > li{padding: 15px;border-bottom: 2px solid #fff;}
#m_menu a{color: #fff;}
.m_logo_link{display: none;}
.m_bar{position: absolute;top:25px;right: 25px;display: none;}
.m_bar .fa-bars{font-style: normal; font-size: 30px;color:#4a2e71; }
#m_menu #menu_6 {padding: 0px;}
#m_menu #menu_6 a {display: inline-block;zoom: 1;vertical-align: top;width: 31%;height: 30px;box-sizing: border-box;border-left: 1px solid #b5b5b5;line-height: 30px;text-align: center; font-size: 18px; color: #ffffff;/*border-bottom: 1px solid #b5b5b5;*/}
#m_menu #menu_6 a:first-child {
    border-left: 0;
}
.m_dropDownList{display: none;margin-top: 10px;}
.m_dropDownList li:before{content:">";margin-right: 10px;}
#wrap{background-repeat:repeat;}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 999px){
/* desktop to ipad */
/*#menu{display: none;}
.m_bar{display: block}
#wrap{width: 100%;min-width:0px;background-repeat:repeat;}
#wrap .container{width: 100%;}
#top .lang{display: none;}
.project_content{margin-right: 0 !important;width: 100%;}
.project_list .project{margin-right: 5px;}*/
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
/*.m_bar{display: block}
#top .logo a.logo_link{display: none;}
#wrap{width: 100%;min-width:0px;background-repeat:repeat;}
#wrap .container{width: 100%;}
#menu{display: none;}
#top .logo{width: 100%;padding: 0px;padding: 20px 0px 30px 0px;padding-left: 15px;width: 91%;}
#top .logo .m_logo_link{display: block;padding: 0px;    height: 52px;}
#top .logo .m_logo_link a{background: url(../img/m-logo.png) no-repeat left top;width: 60%;}
#top .logo .m_logo_link img{margin-top: 10px; max-width: 340px;}
#top .lang{display: none;}
#banner .banner_area{max-width: 100%;max-height: 100%;height: initial;}
#banner .banner_show{max-width: 100%;max-height: 100%;height: 350px;}
#banner .banner_show .banner{max-width: 100%;max-height: 100%;}
#banner .banner_show .banner img{max-width: 100%;max-height: 100%;}
#banner .banner_area a.prev_bnr{left: 0;}
#banner .banner_area a.next_bnr{right: 0;}
#banner{height: 450px;}
.service_content_area td{display: block;text-align: left;padding-bottom: 20px;}
.project_cate_list{display: none;}
.project_content{margin-right: 0 !important;width: 100%;}
.project_list .project{width: 100%;}
.project_detail{width: 100%;}
.project_detail .large_photo{width:94%;}
.project_detail .large_photo img{max-height: 100%;max-width: 100%;}
.project_detail .sub_photo_area{width: 333px;height: 120px;float: left;}
.project_detail .list_area{width: 333px;height: 120px;margin-left:7px;}
.project_detail .list_area .list a.item{margin-left: 9px;}
.project_detail .sub_photo_area a.prev_list:before{ content: "\f104";}
.project_detail .sub_photo_area a.prev_list {top: 47px;left: -12px;}
.project_detail .sub_photo_area a.next_list:before {content: "\f105";}
.project_detail .sub_photo_area a.next_list{top: 47px;left: 346px;bottom: 0px;}*/

}

@media screen and (max-width: 413px){
/* below iphone 6 plus */
/*.project_detail .large_photo{height: 314px;}
#top .logo .m_logo_link img{max-width: 310px;}
.project_detail .list_area .list a.item{width: 90px;height: 90px;}
.project_detail .list_area .list a.item img{max-width: 100%;max-height: 100%;}
.project_detail .list_area{width: 300px;}
.project_detail .sub_photo_area a.next_list{left:307px;top:42px;}
.project_detail .sub_photo_area a.prev_list {top: 42px;left: -12px;}*/
}
@media screen and (max-width: 330px){
/*#top .logo .m_logo_link img{width: 288px;}
.project_detail .large_photo{height: 262px;}
.project_detail .sub_photo_area{height: 81px;}
.project_detail .list_area{margin-left: -18px;}
.project_detail .sub_photo_area a.prev_list{margin-left: -16px;}
.project_detail .sub_photo_area a.next_list{left: 277px;}
.project_detail .list_area .list a.item{margin-left: 8px;}
.project_detail .sub_photo_area{width: 284px;}*/
}
/*-------------------------------------------------------------------------------------*/
/* PROJECT */

@media screen and (max-width: 999px){

}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 413px){

}