@charset "utf-8";
/* CSS Document */
.clear{clear:both;margin:0;padding:0;}

@media screen and (max-width: 644px) {
        .col-wrap {
            padding: 0 24px;
        }
        .atb-jumbotron-body .body-wrap {
            padding-left: 24px !important;
        }
        .atb-related-projects h2 {
            margin-left: 24px;
        }
        .atb-project-index > li.project a.title-wrap .title {
            left: 24px;
            right: 24px;
        }
        .atb-project-index > li.project a.title-wrap::after {
            display: none;
        }
        html.touch li.project a.title-wrap {
            visibility: visible;
            opacity: 1;
            transition-delay: 0s;
            -webkit-transition-delay: 0s;
            background-color: transparent;
        }
        html.touch li.project a.title-wrap span.title {
            background-color: rgba(231,21,43,.8);
            padding: 7px 9px 6px;
            left: 15px;
            right: 15px;
            bottom: 14px;
        }
    }

    footer.atb-page ul.menu.menu-social .instagram a:before, footer.atb-page ul.menu.menu-social .youtube a:before,
    footer.atb-page ul.menu.menu-social .linkedin a:before {
        content: "";
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }
    ul.menu-social li.instagram a:before, ul.menu-social li.youtube a:before, ul.menu-social li.linkedin a:before {
        background-position: 0px -17px;
        width: 15px !important;
        height: 15px !important;
        background-size: 15px;
    }
    ul.menu-social li.instagram a:before {
        background-image: url(../images/instagram@2x.png);
    }
    ul.menu-social li.youtube a:before {
        background-image: url(../images/youtube@2x.png);
    }
    ul.menu-social li.linkedin a:before {
        background-image: url(../images/linkedin@2x.png);
    }
    ul.menu-social li.instagram:hover a:before, ul.menu-social li.youtube:hover a:before, ul.menu-social li.linkedin:hover a:before {
        background-position: 0px 0px;
    }
    .newsletter p.error {
        display: none;
    }
    div.atb-text p a {
        word-wrap: break-word;
    }
    ul.files a.button {
        display: block;
        word-wrap: break-word;
    }

ul,li,a{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}
.menu2{width:160px;position:fixed;top:30px;right:150px;z-index:9999;display:none;}
.menu2-wrap{width:100%;}
.menu2-wrap ul.gotop{width:100%;background:#e7152b;padding:0;}
.menu2-wrap ul.gotop li.target{width:90%;padding:5px 5%;clear:both;}
.menu2-wrap ul.gotop li.target a{font-size:16px;line-height:30px;color:#FFF;}
.menu2-wrap ul.gotop li.target a img{width:30px;height:30px;float:right;}
.menu2-wrap .menu2_hide{width:100%;display:none;margin:0;}
.menu2-wrap:hover .menu2_hide{width:100%;display:block;}
.menu2-wrap .menu2_hide ul.current{width:100%;background:#e7152b;}
.menu2-wrap .menu2_hide ul.current li{width:90%;padding:5px 5%;}
.menu2-wrap .menu2_hide ul.current li a{font-size:13px;line-height:30px;color:#FFF;}
.menu2-wrap .menu2_hide ul.current li.active a{font-size:13px;line-height:30px;color:#FFF;text-decoration:underline;}
.menu2-wrap .menu2_hide ul.current li.target a{font-size:16px;line-height:30px;color:#FFF;}
.menu2-wrap .menu2_hide ul.goto{width:100%;background:#e7152b;margin-top:15px;}
.menu2-wrap .menu2_hide ul.goto li{width:90%;padding:5px 5%;}
.menu2-wrap .menu2_hide ul.goto li a{font-size:16px;line-height:30px;color:#FFF;}
@media screen and (max-width:900px){
.menu2{width:160px;position:fixed;top:30px;right:150px;z-index:9999;display:none !important;}	
}

.hidden-xs-open1{display:none;}
.hidden-xs-open1.active{display:block;}
.hidden-xs-open2{display:none;}
.hidden-xs-open2.active{display:block;}
.sword{display:none;}
.sword.active{display:block;}

.menu_pc{display:block;}
.menu_mobile{width:94%;padding:10px 3%;text-align:right;display:none;}
.menu_mobile dl dt{width:100%;margin:0;padding:0;}
.menu_mobile dl dt a{font-size:15px;line-height:30px;color:#F00;text-decoration:underline;}
.menu_mobile dl dt span{padding:15px;background:url(../images/down.png) center no-repeat;background-size:30px 30px;margin:0 10px;}
.menu_mobile dl dt span.active{padding:15px;background:url(../images/up.png) center no-repeat;background-size:30px 30px;margin:0 10px;}
.menu_mobile dl dd{width:100%;margin:0;padding:0;display:none;}
.menu_mobile dl dd.active{width:100%;margin:0;padding:0;display:block;}
.menu_mobile dl dd a{font-size:15px;line-height:30px;color:#000;margin-right:50px;}
.menu_mobile dl dd input{width:55%;height:35px;border:none;background:#FFF;}
.menu_mobile dl dd button{width:30%;height:35px;border:none;background:#F00;color:#fff;font-size:16px;line-height:35px;margin-left:5%;}
@media screen and (max-width:767px){
.menu_pc{display:none;}	
.menu_mobile{display:block;}
}

.links_img{width:50%;margin-right:2%;float:left;}
.links_img img{width:100%;}
@media screen and (max-width:767px){
.links_img{width:100%;margin-right:0;float:none;}
}

.inside_01{width:84%;margin:0 auto;}