@charset "utf-8";

#top-maincopy h1,
#top-maincopy h3,
h1.entry-title,
#work-info p,
#work-img,
#news-box,
.footer-language,
#footer p,
#pageMenuBox,
#staff-box,
#staff-discription p,
#staff-works,
#recruit-box,
#staff-photo,
#access-box,
#page-content-box .map-img,
#page-content-box .map-img img,
#contact-box,#news-wrap,
#newsall-box
 { width:100%; }

#main,
#header,
#footer {
	width:96%;
	padding:0 2%;
}

body.home,
body.page-id-2639,
body.page-id-3968 {
	background-size:180% auto;
	background-position:-210px 110px;
}

#header ul {
	float:left;
	margin:-7px 0 0 -2%;
	clear:both;
	width:104%;
	padding:10px 0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	display:none;
}
#header li {
	width:25%; 
	height:auto;
}

#top-maincopy { padding-top:0; }

#gnavi-02 a, #gnavi-02 a:hover,
#gnavi-03 a, #gnavi-03 a:hover,
#gnavi-04 a, #gnavi-04 a:hover,
#gnavi-05 a, #gnavi-05 a:hover,
#gnavi-02-en a, #gnavi-02-en a:hover,
#gnavi-03-en a, #gnavi-03-en a:hover,
#gnavi-04-en a, #gnavi-04-en a:hover,
#gnavi-05-en a, #gnavi-05-en a:hover,
#gnavi-02-cn a, #gnavi-02-cn a:hover,
#gnavi-03-cn a, #gnavi-03-cn a:hover,
#gnavi-04-cn a, #gnavi-04-cn a:hover,
#gnavi-05-cn a, #gnavi-05-cn a:hover {
	background-size:400% auto;
	width:100%;
	height:auto;
}

#gnavi-02 a, #gnavi-02 a:hover,
#gnavi-02-en a, #gnavi-02-en a:hover,
#gnavi-02-cn a, #gnavi-02-cn a:hover { background-position:15% 0; }

#gnavi-03 a, #gnavi-03 a:hover,
#gnavi-03-en a, #gnavi-03-en a:hover,
#gnavi-03-cn a, #gnavi-03-cn a:hover { background-position:46% 0; }

#gnavi-04 a, #gnavi-04 a:hover,
#gnavi-04-en a, #gnavi-04-en a:hover,
#gnavi-04-cn a, #gnavi-04-cn a:hover { background-position:74% 0; }

#gnavi-05 a, #gnavi-05 a:hover,
#gnavi-05-en a, #gnavi-05-en a:hover,
#gnavi-05-cn a, #gnavi-0-cn5 a:hover { background-position:102.5% 0; }

li#gnavi-01,
li#gnavi-01-en,
li#gnavi-01-cn { display:none; }


.button-toggle {
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	top: 20px;
	right: 10px;
	display: block;
	font-size: 180%;
	line-height: 100%;
	padding: 7px 10px 8px 10px;
	color: #333;
}

.logo a {
	margin:0;
	padding:0;
}

#top-maincopy h1 img { width:95%; }

#news-box-wrapper {
	width:98%;
	padding-right:2%;
}

#pagetop {
	right:35%;
	bottom:0;
}

#footer { margin-bottom:60px; }

#footer p {
	margin:0 0 10px 0;
	text-align:center;
	float:none;
}

#footer-item ul {
	margin:0 0 10px 0;
	text-align:center;
}
#footer li {
	float:none;
	display:inline-block;
}


#worklist-area { margin-top:0; }

#work-info,
#work-detail {
	width:100%;
	margin:0;
	text-align:center;
}
#work-info {
	border-bottom:1px solid #666;
	padding-bottom:10px;
}

#work-info h1 {
	text-align:center;
	width:92%;
	margin:20px 4% 10px 4%;
}

#work-info p { margin-bottom:5px; }

h1.entry-title { margin-bottom:20px; }

#pagemenu ul {
	width:100%;
	text-align:center;
	margin:0 0 40px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}
#pagemenu li {
	float:none;
	display:inline-block;
}
#pagemenu .company { margin-right:20px; }

#prf-contents {
	width:100%;
	padding:60px 0 40px 0;
}
#prf-contents table {
	background-color:#fff;
}

#prf-contents th { padding-right:10px; }
#prf-contents td { padding-left:10px; }

#container .prf-contents-cn { padding-left:0; }

#content-title {
	width:100%;
	text-align:center;
}

.page-id-5 #content-title img { margin:0 0 20px -55px; }
.single-staff #content-title img { margin:0 0 0 -55px; }

#post-3975 #content-title,
#post-3978 #content-title { width:100%; }

#staff-box {
	background:none;
	position:relative;
	min-height:700px;
}

#staff-box table {
	margin-left:0;
	width:26%;
	position:absolute;
	top:80px;
	left:0;
}
#staff-box th { padding-right:25px; font-size:100%; }
#staff-box td { padding-left:3%; width:auto; }

.page-id-5 #staff-box table { margin:0 auto; width:100%; float:none; }
.page-id-5 #staff-box td { padding-left:3%; width:auto; }

#staff-discription {
	margin-left:4%;
	padding-left:4%;
	width:65%;
	float:right;
}
#staff-photo img { width:100%; height:auto; }

#staff-works .thumbnail-img {
	margin:0 0 40px 0;
	width:100%;
}
#staff-works .thumbnail-img img { width:100%; height:auto; }

#staff-description {
	width:100%;
	margin:0;
	padding:0;
}
#staff-description dt {
	width:auto;
}
#staff-description dd {
	margin:0 0 10px 0;
	float:left;
}

#recruit-box {
	background:none;
	min-height:auto;
	overflow:hidden;
}
#recruit_box_L {
	width:100%;
	margin-left:0;
}

#pagemenu li {
	margin-bottom:5px;
}

#work-subMenu li {
	width:30%;
	margin-right:2%;
}

#worklist-area .sub-category {
	margin:0 0 30px 0;
	width:100%;
}
#worklist-area .sub-category img { display:none; }

.sub-category li {
	display:inline-block;
	margin-right:30px;
}

#contact-box,
#access-box { background:none; }

#gnav-selected { display:none; }

#page-content-box {
	width:100%;
	margin-left:0;
}

#page-content-box .map-img img { height:auto; }

#page-content-box iframe { width:100%; }

#contact-form { margin:0; }

#contact-form .address02 input,
#contact-form .address03 input,
#contact-form .your-message input,
#contact-form .company input,
#contact-form .address02 input,
#contact-form .address03 input,
#contact-form .your-email input,
#contact-form .your-message textarea
{ width:95%; }

#contact-form .your-name01 input,
#contact-form .your-name02 input
{ clear:both; width:70%; }

#contact-form .tel01 input,
#contact-form .tel02 input,
#contact-form .tel03 input
{ clear:both; width:25%; }

#contact-form .post01 input,
#contact-form .post02 input
{ clear:both; width:38%; }

#contact-form .address02 input { margin-bottom:0; }
#contact-form .address03 input { margin:10px 0 0 0; }

.entry-content .acceptance-545 input { margin:0; }

#news-wrap h1.entry-title {
	margin-bottom:0;
	font-size:120%;
}

#more-works {
	text-align:center;
	margin:0px 0 20px 0;
}

.bx-wrapper img { width:100%; height:auto; }

#content-404 {
	width:100%;
	padding-top:10px;
	min-height:0;
}



.for-PC { display:none; }
.for-SP { display:block; }