@charset "UTF-8";

@media screen and (max-width: 556px) {
#container,
#header,
#headerContens,

.center,
#header ul#mainNav,
.worksContentsLeft,
.slideTop,
.worksContentsRight,
.worksDetail,

#footerContents
{
	width:100%;
}
img{
	width:100%;
	height:auto;
}
#header ul#mainNav li.navWorks,
#header ul#mainNav li.navContact{
	padding-top:20px;
}

#proContents2,
.bx-prev,
.bx-next{
	display:none;
}
.formBox,
.textForm1 input{
	width:93%;
}

.textForm2 textarea{
	width:98%;
}
#header h1#logo{
	width:85%;
    height: 430px;
}

#header{
	height:782px;
}
#headerContens{
	padding-top:90px;
}

#header ul#mainNav{
	margin:0;}
#header nav ul#mainNav li,
.h2title img{
	float:none !important;
	margin:0 auto !important;
}
.h2title{
	padding-top:100px;}
.h2title p{
	margin:80px 0 80px 0;}
.worksContents .bx-wrapper .bx-viewport{
	left:0;
	}
}
@media screen and (max-width: 640px) {

}