@charset "UTF-8";

/* common */
#header {
	height:60px;}

#logo {
	width:150px;float:none;position:relative;left:15px;top:15px;}
#logo img {width:150px;height:auto;}

ul#header-navi {
	display:none;}

body {background-position-y:60px !important;}


/* top */
body#toppage h1 {
	padding:0 5% 18px;}

#top_main p {
	font-size:17px;padding:63px 20px 20px;margin-bottom:0;
}
#top_main span {
	display:block;margin:1ex 0;font-size:12px;
	font-weight:normal;}
#top_main p,#top_main span {
	letter-spacing:0;line-height:1.4;}

#top_works_wrapper {
min-width:auto;padding:20px 0;height:470px;}
#top_works {width:90%;}
#top_works div {width:100%;zoom: 100%;float:none;}
#top_works div:after {
	content: "";clear: both;height: 0;
	display: block;visibility: hidden;}
#top_works h2 {height:auto;float:left;width:100px;}
#top_works h2 img {width:100%;height:auto;}
#top_works p {text-align:left;font-size:100%;padding-top:2em;}

#company table {float:none;margin:0 30px 20px;}
#profile {margin:0 30px 20px;width:295px;}
#photo {margin:0 30px 20px;}



/* g1 g2 g3 case */
body#g1 h1, body#g2 h1, body#g3 h1, body#case h1 {font-size:22px;padding-top:70px;}
.right {float:none;margin:5px auto;}

/* g2 */
body#g2 .contents_detail table {
	display:block;margin:0 10px;}
body#g2 .contents_detail tr {
	display:block;}
body#g2 .contents_detail td {
	display:block;width:auto;padding-bottom:20px;}

/* g3 */
body#g3 .entry {
	width:80%;margin:8px auto;border-radius:20px;}
body#g3 .entry2 {
	display:block;width:82%;margin:0 auto;}
body#g3 .entry2 tr {
	display:block;width:129%;}
body#g3 .entry2 td {
	display:block;width:100%;
	border-radius:20px;margin-bottom:6px;}

/* case */
.case h3 {
	font-size:1.2em;margin-bottom:12px;
	padding-bottom:3px;
	border-bottom:1px dashed #fff;}
.case .right {
	width:80%;float:none;margin:auto;}
.case .right img {margin-bottom:10px;}
.case p {width:auto;}
.case table {border-spacing:4px;margin-bottom:20px;}

/* inquily */
body.inquily h1 {padding-top:70px !important;}
body.inquily table {margin:10px 0;}