body{
	font-family:'Noto Sans JP', sans-serif;;
}

.row:before, .row:after{/* Mac Safari grid bug fixes */
	width:0px;
	height:0px;
}

#visual .container-fluid{
	padding:0;
}

#visual .col-md-12{
	padding:0;
}

#visual img{
	width:100%;
	line-height:0;
}

#about .leadBlock{
	margin-bottom:180px;
}

#about p.leadTxt{
	color:#d6b161;
	font-size:18px;
	line-height:1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin-bottom:20px;
}

#about p.nameTxt{
	font-size:24px;
	line-height:1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin-bottom:55px;
}

#about p.txt{
	font-size:16px;
	line-height:2.1em;
	margin-bottom:0;
}

#about #aboutList{
	display:flex;
	flex-wrap:wrap;
}

#about #aboutList h4{
	margin-bottom:0;
	line-height:30px;
}

#about #aboutList p{
	margin-bottom:85px;
}

#gallery .container-fluid{
	padding:0;
}

#gallery .row{
	margin:0;
}

#gallery .portfolio{
	margin:0;
}

#gallery .portfolio-item{
	padding:0;
}

#gallery .portfolio-hover .action-btn{
	top:50%;
}

#works .container-fluid{
	padding:0;
}

#works #works01{
	margin-bottom:55px;
}

#works #works03,
#works #works04,
#works #works05{
	margin-bottom:2px;
}

#works .row{
	margin:0;
	display:flex;
	flex-wrap:wrap;
}

#works .imgBlock{
	padding:0;
	background-color:#6c6b69;
	display:flex;
	align-items:center;
}

#works #works03 .imgBlock,
#works #works04 .imgBlock,
#works #works05 .imgBlock{
	background-color:#f5f5f4;
	display:block;
}

#works .imgBlock div.img{
	width:585px;
	margin-bottom:0;
	float:right;
}

#works .imgBlock img{
	width:100%;
}

#works .txtBlock{
	color:#fff;
	background-color:#6c6b69;
	padding:0;
	display:flex;
	align-items:center;
}

#works .txtBlock .inner{
	width:540px;
	padding:45px 0px 45px 75px;
}

#works .txtBlock p{
	margin-bottom:0;
}

#works .txtBlock p.quoteTxt{
	font-family: 'Noto Serif JP', serif;
	font-size:14px;
	color:#d2d2d2;
	line-height:2.6em;
	letter-spacing:0.2em;
	margin-bottom:20px;
}

#works .txtBlock h4{
	font-size:18px;
	color:#fff;
	line-height:2em;
	letter-spacing:0.2em;
	margin-bottom:0;
}

#works .txtBlock p.priceTxt{
	font-size:14px;
	line-height:1.6em;
	color:#fff;
	margin-bottom:20px;
}

#works .txtBlock p.txt{
	font-size:14px;
	color:#d2d2d2;
	line-height:1.6em;
	margin-bottom:20px;
}

#works .txtBlock p.btnTxt .btn{
	background-color:#31c591;
	border-radius:3px;
	width:170px;
	text-align:center;
	margin-right:0;
	padding:10px 0;
}

#works .txtBlock p.btnTxt .btn:hover{
	opacity:0.7;
}

#works #works02{
	margin-bottom:100px;
}

#works #works02 h4{
	font-size:16px;
	line-height:2.1em;
	margin-bottom:0;
}

#works #works02 p{
	line-height:2.1em;
}

#works #works02 .img{
	float:right;
	margin:0 38px 0 75px;
}

#contact .half-txt{
	color:#343434;
	font-size:15px;
	line-height:2.4em;
}

#contact .btn-dark-solid{
	background-color:#31c591;
}

#contact .btn-dark-solid:hover{
	opacity:0.7;
}

@media (max-width: 991px) { /* Tablet */

.half-txt{
	width:100%;
}

#works .txtBlock .inner{
	width:750px;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
}

#works .imgBlock div.img{
	width:750px;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
	float:none;
}

#works .txtBlock p.btnTxt{
	text-align:center;
}

#works #works02 .img{
	float:none;
	margin:0 0 55px;
	text-align:center;
}

}


@media (max-width: 768px) { /* Smartphone */

.logo-brand{
	max-width:70%;
}

.logo-brand img{
	width:100%;
	height:auto;
	object-fit:contain;
}

#works .txtBlock .inner{
	width:auto;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
}

#works .imgBlock div.img{
	width:auto;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
	float:none;
}

#works .txtBlock p.btnTxt{
	text-align:center;
}

#works #works02 .img{
	float:none;
	margin:0 0 55px;
	width:100%;
	text-align:center;
}

#works #works02 .img img{
	width:100%;
}

}