@charset "utf-8";

/*html {
	font-size: 10px;
}*/
body {
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	color: #666;
	position: relative;
	font-size: 0.8em;
	margin: 0;
}
@media (min-width: 768px) {
	body {
		font-size: 1em;
	}
}
a {
	color: #333 !important;
	text-decoration: none !important;
}
a:hover {
	color: #666 !important;
}
header {
	padding: 15px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: #FFF;
}
header nav {
	padding: 15px 0 0;
}

header ul {
	list-style: none;
	margin: 0;
	padding: 15px;
}
header ul > li {
	display: block;
	position: relative;
	padding: 7px 0 7px 15px;
}
header ul > li > ul.drawer-menu {
	position: relative;
	display: block;
	padding: 0 10px;
}
header ul > li > ul.drawer-menu > li {
	font-size: 0.8em;
	padding: 5px 0;
	display: inline-block;
	width: 48%;
}
header h1 {
	float: left;
	margin: 0;
	font-size: 0.8em;
}
header h1 img {
	width: 150px;
}
@media (min-width: 768px) {
	header nav {
		float: right;
		padding: 0;
	}
	header ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	header ul > li {
		display: inline-block;
		position: relative;
		padding: 0;
		padding-left: 10px;
	}
	header ul > li a {
		line-height: 18px;
	}
	header ul > li > ul {
		position: absolute;
		display: none;
		background: #FFF;
		font-size: 1em;
	}
	header ul > li:hover > ul,
	header ul > li:hover .tri {
		display: block;
	}
	header ul > li > ul > li {
		font-size: 0.8em;
		padding: 5px 15px;
	}
}
header::after {
	clear: both;
}
.drawer-hamburger {
    /*box-sizing: content-box;*/
    width: 1.6rem;
    /*padding: 0;*/
    padding: 15px 0.75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    height: 1px;
}


.slick-dots li button:before {
	color: #333;
}
.slick-dots li.slick-active button:before {
	color: #999;
}
main {
	text-align: center;
	margin-top: 52.58px;

}
@media (min-width: 768px) {
	main {
		text-align: center;
		margin-top: 54px;
	}
}

h2 {
	font-size: 1.2rem;
	margin: 15px auto 0;
	display: inline-block;
}
#about h2 {
	margin: 100px auto 30px !important;
}
.gallery h2 {
	margin-bottom: 52.58px;
}
@media (min-width: 768px) {
	h2 {
		font-size: 2rem !important;
	}
	.gallery h2 {
		margin-bottom: 54px;
	}
}
#about td {
	text-align: left;
}
.lead {
	font-size: 1em;
}
.inxx-slider {
	width: 100%;
	/*height: 500px;*/
}
.inxx-slider .slick-slide {
	width: 100%;
	height: 500px;
}
.inxx-slider .slick-slide:first-child {
	/*background: center / cover no-repeat url("/images/works/N002.jpg");*/
	background-image: url("/images/works/N002.jpg");
	background-size: cover;
}
.inxx-slider .slick-slide:nth-child(2) {
	background: center / cover no-repeat url("/images/works/is02.jpg");
}
.inxx-slider .slick-slide:nth-child(3) {
	background: center / cover no-repeat url("/images/works/DSC_0377.jpg");
}
.inxx-slider .slick-slide:nth-child(4) {
	background: center / cover no-repeat url("/images/works/img06061.jpg");
}
.inxx-slider .slick-slide:nth-child(5) {
	background: center / cover no-repeat url("/images/works/AI01.jpg");
}
.inxx-slider .slick-slide:nth-child(6) {
	background: center / cover no-repeat url("/images/works/c_s1.JPG");
}
.inxx-slider .slick-slide:nth-child(7) {
	background: center / cover no-repeat url("/images/works/komatsu_ebisu03.jpg");
}
.inxx-slider .slick-slide:nth-child(8) {
	background: center / cover no-repeat url("/images/works/cafe_003.jpg");
}
.inxx-slider .slick-slide:nth-child(9) {
	background: center / cover no-repeat url("/images/works/532_9015.jpg");
}

/*#about {
	max-width: ;
}*/
#about th {
	text-align: left;
}
#about .client-list p {
	/*display: inline-block;*/
	display: block;
	padding: 0;
	/*padding-right: 10px;*/
	margin: 5px 0;
	/*width: 49%;*/
}


.works, .gallery {
	padding: 0 15px;
}
@media (min-width: 768px) {
	.works, .gallery {
		padding: 0 30px;
	}
}

/*.works .brand-list {
	position: relative;
}


.works .brand-list p {
	text-align: right;
	margin: 0;
	position: fixed;
}
.works .brand-list ul {
	list-style: none;
	text-align: left;
	margin: 20px;
	padding: 0;
	position: fixed;
	right: 100%;
}
.works .brand-list ul li {
	display: inline-block;
}
.works .brand-list ul li::after {
	content: "  /  ";
}
.works .brand-list ul li:last-child::after {
	content: "";
}

details {
	text-align: left;
	position: fixed;
	background: #FFF;
}
details ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
details ul li {
	display: inline-block;
}
details ul li::after {
	content: "  /  ";
}
details ul li:last-child::after {
	content: "";
}*/

.works .brand {
	padding-top: 52.58px;
}
@media (min-width: 768px) {
	.works .brand {
		padding-top: 54px;
	}
}
.works .brand .title {
	font-size: 1.2em;
	text-align: center;
	margin-top: 10px;
}
.works .brand img, .gallery img {
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 0 auto 30px;
}


.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

footer p {
	text-align: center;
	margin: 30px 0;
}
.contact {
	text-align: left;
	/* width: 100%; */
	max-width: 600px;
	margin: 0 auto;
	padding: 0 15px;
}
.contact .item {
	padding: 0 0 15px;
}
.contact .label {
	text-align: left;
	width: 180px;
	display: inline-block;
	padding: 5px 0;
}
.contact .item input {
	padding: 8px;
}
.contact textarea {
	width: 100%;
	height: 150px;
}
.contact .btn {
	text-align: center;
	margin-bottom: 30px;
}
.new_wrapper {
	margin: 0 auto;
	list-style: none;
}
.news_title {
	font-weight: bold;
}
.new_wrapper .news {
	margin-bottom: 30px;
}
.new_wrapper .news .news_content {
	display: inline-block;
}
.new_wrapper .news .shop_info {
	text-align: left;
}