#header-menu {
	display: none;
}

div.mainimg {
	background: url(images/top_mainimg.jpg) no-repeat center center;
	height: 900px;
}

div.mainimg h1 {
	font-size: 10px;
	font-weight: 500;
	padding: 20px 0px 15px 0px;
}

div.mainimg div.top-menu {
	background-color: rgba(255,255,255,0.8);
}

div.mainimg div.top-menu ul {
	display: block;
	text-align: center;
	font-size: 0px;
	padding: 14px 70px 0px 0px;
	position: static;
	width: auto;
}

div.mainimg div.top-menu ul li {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1.2px;
	vertical-align: top;
}

div.mainimg div.top-menu ul li a {
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 30px 12px 30px;
	text-align: center;
	text-decoration: none;
}

div.mainimg div.top-menu ul li a em {
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
}

div.mainimg div.top-menu ul li a:hover {
	color: #ba8c36;
	background-color: rgba(255,255,255,0);
	filter: alpha(opacity=60);
	-moz-opacity: 1;
	opacity: 1;
}

div.mainimg h1 img {
	height: auto;
	width: 400px;
}

div.mainimg h2 {
	padding: 280px 0px 20px 0px;
}

div.mainimg p {
	text-align: center;
}

div.mainimg div.scroll {
	padding-top: 140px;
	text-align: center;
}

div.copy {
	background: url(images/top_subphoto.jpg) repeat-x center bottom;
	padding: 100px 0px 520px 0px;
}

div.copy h3 {
	font-weight: 500;
	padding-top: 20px;
}

div.info h2 {
	font-size: 27px;
	padding: 70px 0px 20px 0px;
}

div.info p {
	text-align: center;
}

ul.menu-list-sp li {
display: none;
}

ul.menu-list li {
	display: block;
	padding: 10px 0px;
}

ul.menu-list li a {
	background-color: #f1f1f1;
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	padding: 80px 0px 80px 55%;
	text-decoration: none;
	background-size: cover;
}

ul.menu-list li.service a {
	background-image: url(images/top_menu_service.jpg);
}

ul.menu-list li.about a {
	background-image: url(images/top_menu_about.jpg);
}

ul.menu-list li.contact a {
	background-image: url(images/top_menu_contact.jpg);
}

ul.menu-list li a span.text {
	display: block;
}

ul.menu-list li a span.text h2 {
	font-size: 90%;
	padding-top: 20px;
	text-align: left;
}

ul.menu-list li a span.text span.detail {
	display: block;
	padding: 30px 0px;
}

ul.menu-list li a span.text span.btn {
	background: white url(images/link_btn.svg) no-repeat right 20px center;
	background-size: 30px;
	border: 1px solid black;
	border-radius: 30px;
	margin: 0px auto;
	padding: 12px 90px 12px 70px;
	text-align: center;
	text-decoration: none;
}

ul.menu-list li a:hover span.text span.btn {
	background: black url(images/link_btn_wh.svg) no-repeat right 20px center;
	background-size: 30px;
   color: white;	
}

div.works-title {
	display: table-cell;
	width: 360px;
	padding-top: 40px;
	vertical-align: top;
}

div.works-title h2 {
	text-align: left;
}

div.works-list {
	display: table-cell;
	width: 660px;
	text-align: left;
}


/***********************************************************************/
body#error div.mainimg {
	height: 200px;
	background-position: center top;
}

body#error h1 {
	font-size: 30px;
	padding: 80px 0px 50px 0px;
}