#header{height:76px;border-bottom:1px solid #807e77;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;width:100%;z-index:9999!important}
#header-brand a{display:block;margin-top:14px;}
#header-nav li{margin-left:100px;}
#header-nav a{color:#fff;font-size:15px;line-height:76px;display:block;font-family: "Calisto MT"}
#header-nav a:hover{text-decoration:none;}

#footer{clear:both;border-top:1px solid #e9e9e9;padding:25px 0;}
#footer span,
#footer address{display:inline;line-height:1.6}
#footer .copyright{display:block;clear:both;position:relative;}
#footer .container{position:relative;background:url(../images/brand_footer.png) no-repeat left center;}
#footer #footer-sns{position:absolute;right:0;top:0px;}
#footer #footer-sns li{margin-left:0px;}

.wrapper {
	width: 100%; position: relative; -ms-overflow-x: hidden;
	padding-top: 76px;
}
@media (max-width: 980px) {
	.wrapper {
		padding-top: 50px;
	}
}
.wrapper#main {
}

.page-head{height:380px;line-height:380px;background:url(../images/header_visual1.jpg) no-repeat center center;background-size:cover;text-align:center;}
.page-head-title{font-size:42px;color:#c29a57;padding-top:30px;display:block}

.ment-box{clear:both;color:#fff;text-align:left;padding-left:0px;padding-top:170px;letter-spacing:-1px; margin-left:60px;}
.ment-box .ment-title{font-size:40px;font-family:arial}
.ment-box .ment-title2{font-size:20px;display:block;clear:both;margin-top:15px;margin-bottom:50px;}
.ment-box .ment-desc{line-height:2;font-size:12px;}
.ment-clear{margin-top:40px;}
.ment-btn{width:223px;height:50px;line-height:50px;background-color:rgba(96,96,96,.7);display:inline-block;text-align:center;font-size:14px;font-family:verdana;color:#fff!important;transition:.7s}
.ment-btn:hover{background-color:#c3a279}

.header {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 101;
	height:76px;border-bottom:1px solid rgba(0,0,0,.3);background:rgba(0,0,0,.2);left:0;top:0;width:100%;z-index:9999;
}
.business-wrap .header {
	left: 0px; top: 0px; width: 100%; position: fixed;
}
.header.float {
	left: 0px; top: 0px; width: 100%; position: fixed;
}
.header h1 {
	left: 80px; top: 15px; width: 110px; height: 57px; display: inline-block; position: absolute; z-index: 5;
}
.header h1 a {
	background: url("../images/brand.png") no-repeat 0% 0% / cover; width: 110px; height: 29px; display: block; margin-top:10px;
	/* width:166px;height:44px; */
	text-indent:-1000em;
	overflow:hidden;
}
.header .lang-sel {
	top: 75px; width: 52px; right: 130px; display: inline-block; position: absolute; z-index: 30;
}
.header .btn-lang {
	text-align: center; color: rgb(255, 255, 255); line-height: 26px; padding-right: 15px; font-family: Roboto; font-size: 13px; display: block; position: relative;
}
.header .btn-lang::after {
	border-width: 5px 4px 0px; border-style: solid solid none; border-color: rgb(255, 255, 255) transparent currentColor; top: 10px; width: 0px; height: 0px; right: 8px; position: absolute;
}
.header .lang-m {
	border-width: 1px; border-style: solid; border-color: rgb(157, 131, 106) rgb(238, 238, 238) rgb(238, 238, 238); padding: 5px 11px; border-image: none; left: 0px; top: 26px; width: 100%; display: none; position: absolute;
}
.header .lang-m::after {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.9;
}
.header .lang-m > li {
	position: relative; z-index: 1;
}
.header .lang-m a {
	text-align: left; color: rgb(102, 102, 102); line-height: 22px; font-family: notoR; font-size: 13px; display: block;
}
.header .lang-m a:hover {
	color: rgb(157, 131, 106);
}
.header .hamberger {
	top: 74px; width: 28px; height: 22px; right: 80px; margin-left: 23px; display: inline-block; position: absolute; z-index: 50;
}
.header .hamberger span {
	background: rgb(255, 255, 255); top: 12px; width: 28px; height: 2px; display: block; position: relative;
}
.header .hamberger span::before {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: -11px; width: 28px; height: 2px; position: absolute;
}
.header .hamberger span::after {
	background: rgb(255, 255, 255); transition:0.3s; left: 0px; top: 11px; width: 28px; height: 2px; position: absolute;
}
.header .hamberger.close span {
	background: 0px 0px;
}
.header .hamberger.close span::after {
	background: rgb(0, 0, 0); transform-origin: 50% 50%; left: -2px; top: -2px; width: 30px; -webkit-transform-origin: 50% 50%;
}
.header .hamberger.close span::before {
	background: rgb(0, 0, 0); transform-origin: 50% 50%; left: -2px; top: -2px; width: 30px; -webkit-transform-origin: 50% 50%;
}
.header .hamberger.close span::before {
	transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg);
}
.header .hamberger.close span::after {
	transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg);
}
.header.fix h1 a {
	background-image: url("/images/common/logo1.png");
}
.wrapper.sub .header h1 a {
	background-image: url("/images/common/logo1.png");
}
.header.fix :not(.close).hamberger span {
	background: rgb(0, 0, 0);
}
.header.fix :not(.close).hamberger span::after {
	background: rgb(0, 0, 0);
}
.header.fix :not(.close).hamberger span::before {
	background: rgb(0, 0, 0);
}
.header.fix.slim :not(.close).hamberger span {
	background: rgb(0, 0, 0);
}
.header.fix.slim :not(.close).hamberger span::after {
	background: rgb(0, 0, 0);
}
.header.fix.slim :not(.close).hamberger span::before {
	background: rgb(0, 0, 0);
}
.wrapper.sub .header :not(.close).hamberger span {
	background: rgb(0, 0, 0);
}
.wrapper.sub .header :not(.close).hamberger span::after {
	background: rgb(0, 0, 0);
}
.wrapper.sub .header :not(.close).hamberger span::before {
	background: rgb(0, 0, 0);
}
.header.fix .btn-lang {
	color: rgb(0, 0, 0);
}
.header.fix.slim{
	border-bottom:1px solid rgba(0,0,0,.1)!important;
	background:#fff!important;
}
.header.fix.slim .header h1 a{
	background-image:url(../images/brand_dark.png);
}
.header.fix.slim .btn-lang {
	color: rgb(0, 0, 0);
}
.wrapper.sub .header .btn-lang {
	color: rgb(0, 0, 0);
}
.header.fix .btn-lang::after {
	border-top-color: rgb(0, 0, 0); border-top-width: 5px; border-top-style: solid;
}
.header.fix.slim .btn-lang::after {
	border-top-color: rgb(0, 0, 0); border-top-width: 5px; border-top-style: solid;
}
.wrapper.sub .header .btn-lang::after {
	border-top-color: rgb(0, 0, 0); border-top-width: 5px; border-top-style: solid;
}
.gnb {
	width: 100%; height: 76px; overflow: hidden; padding-top: 22px; position: relative;
	padding:0 0 0 880px!important;
}
.gnb::after {
	left: 0px; width: 100%; position: absolute; content: ""; opacity: 0;
}
.gnb::before {
	left: 0px; width: 100%; position: absolute; content: ""; opacity: 0;
}
.gnb::before {
	background: rgb(0, 0, 0,.3); top: 0px; height: 100%;
}
.gnb::after {
	
}
.fix.slim .gnb.on:after{
	
}
.nav {
	position: relative;
	top:1px;
}
.nav > li > a {
	position: relative;
	color:#fff;font-size:13px;line-height:76px;display:block;font-family: 'Lato', sans-serif!important;
	top:3px;
}
.fix .gnb::before {
	background: rgb(255, 255, 255); transition:ease-in-out; height: 76px; z-index: 1;
}
.wrapper.sub .gnb::before {
	background: rgb(255, 255, 255); transition:ease-in-out; height: 76px; z-index: 1;
}
.gnb.on::before {
	opacity: .92;
	background:rgba(0,0,0,0.3);

}
.gnb.on::after {
	opacity: 0;
}
.fix .gnb::before {
	opacity: 1;
}
.wrapper.sub .gnb::before {
	opacity: 0;
}
.fix .gnb.on::after {
	opacity: 1;
}
.fix .gnb.on::before {
	opacity: 1;
}
.wrapper.sub .gnb.on::after {
	opacity: 1;
}
.wrapper.sub .gnb.on::before {
	opacity: 1;
}
.nav > li > a {
	transition:0.4s ease-in-out;
}
.nav > li > a::after {
	transition:0.4s ease-in-out;
}
.fix .gnb::after {
	background: rgb(248, 248, 248); top: 0px; height: 100%;
}
.wrapper.sub .gnb::after {
	background: rgb(248, 248, 248); top: 0px; height: 100%;
}
.nav {
	margin: 0px auto; width: 1160px; z-index: 2;
	
}
.nav::after {
	clear: both; display: block; content: "";
}
.nav > li {
	display: inline-block;
}
.nav > li > a {
	display: inline-block;
}
.nav > li {
	padding: 0px 25px;
}
.nav > li:first-child {
	padding-left: 5px !important;
}
.nav > li > a {
	height: 72px; color: rgb(255, 255, 255); line-height: 70px; letter-spacing: 1.2px; font-family: Roboto,notoM,notoM-etc,sans-serif; font-size: 13px; font-weight: 500;
}
[lang=zh] .nav > li > a {
	font-family: Roboto,notoR,notoM-etc,sans-serif;
}
.nav > li > a::after {
	background: #c4bea3; left: 50%; width: 0px; height: 2px; bottom: 0px; position: absolute; content: ""; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0);
}
.nav > li.on > a {
	color: #c4bea3 !important;
}
.nav > li > a.on {
	color: #c4bea3 !important;
}
.nav > li.on > a::after {
	width: 100%;
}
.subdepth {
	left: 5px; top: 41px; width: 1000px; display: none; position: absolute;
}
.subdepth * {
	color: rgb(119, 119, 119); font-family: Roboto,notoR,sans-serif; font-size: 14px;
}
.subdepth ul {
	margin: 50px 0px; width: 100%; overflow: hidden; display: block;
	margin-top:30px;
}
.subdepth li {
	width: 200px;  position: relative;
	display:block;clear:both;
	padding:8px 0;
}
.subdepth li:not(:first-child)::before {
}
.subdepth a {
	padding: 0px 0px; transition:0.2s ease-in-out; line-height: 1; letter-spacing: 0px; margin-bottom: 5px; display: block;
	font-family: 'Lato', sans-serif!important;
	font-size:12px;
}
.subdepth li a:last-child {
	margin-bottom: 0px;
}
.subdepth li:first-child a {
	padding-left: 0px;
}
.subdepth a span {
	display: inline-block; position: relative;
}
.subdepth .sum-m {
	padding-top: 50px;
}
.subdepth .depth2 {
	color: rgb(217, 217, 217);  font-weight: 500; margin-bottom: 15px;
	display:block;
	clear:both;
}
.subdepth a.on {
	color: rgb(171, 141, 103) !important;
}
.subdepth a.on span {
	color: rgb(171, 141, 103) !important;
}
.subdepth a:hover {
	color: #c4bea3 !important;
}
.subdepth a:hover span {
	color: rgb(171, 141, 103) !important;
}
.nav > li:nth-child(2) .subdepth{
	padding-left:152px;
}
.nav > li:nth-child(3) .subdepth{
	left:380px;
}
.nav > li:nth-child(4) .subdepth {
	left: 570px; width: 380px;
}
.nav > li:nth-child(4) .subdepth li:nth-child(1) {
	width: 90px;
}
.nav > li:nth-child(5) .subdepth {
	left: 673px; 
	width: 350px;
}
.nav > li:nth-child(5) .subdepth li {
	width: 95px;
}
.nav > li:nth-child(5) .subdepth li:nth-child(1) {
	width: 45px;
}
.nav > li:nth-child(5) .subdepth li:nth-child(2) {
	width: 60px;
}
.nav > li:nth-child(5) .subdepth li a {
	margin-bottom: 0px;
}

.fix .nav > li > a {
	color: rgb(34, 34, 34);
}
.wrapper.sub .nav > li > a {
	color: rgb(34, 34, 34);
}
.fix .nav > li.on > a {
	color: rgb(171, 141, 103);
}
.fix .nav > li > a:hover {
	color: rgb(171, 141, 103);
}
.wrapper.sub .nav > li.on > a {
	color: rgb(171, 141, 103);
}
.wrapper.sub .nav > li > a:hover {
	color: rgb(171, 141, 103);
}
.fix .subdepth li:not(:first-child)::before {
	background: rgb(234, 234, 234); opacity: 1;
}
.wrapper.sub .subdepth li:not(:first-child)::before {
	background: rgb(234, 234, 234); opacity: 1;
}
.fix .subdepth a {
	color: rgb(102, 102, 102);
}
.wrapper.sub .subdepth a {
	color: rgb(102, 102, 102);
}
.fix .subdepth .depth2 {
	color: rgb(51, 51, 51);
}
.wrapper.sub .subdepth .depth2 {
	color: rgb(51, 51, 51);
}
.header.fix.slim .gnb {
	height: 76px; padding-top: 10px;
}
.header.fix.slim .gnb .nav > li > a::after{
	bottom:4px!important;
}
.header.fix.slim .gnb::after {
	top: 76px;
}
.header.fix.slim .gnb::before {
	height: 75px; border-bottom-color: rgb(232, 232, 232); border-bottom:0;opacity: 1 !important;
	background:#fff;
}
.header.fix.slim .nav > li > a {
	height: 76px;
}
.header.fix.slim .subdepth > ul {
	margin: 35px 0px;
}
.header.fix.slim h1 {
	top: 16px; width: 100px; height: 52px;
}
.header.fix.slim h1 a {
	background-image: url("../images/brand_dark.png");
}
.header.fix.slim .hamberger {
	top: 30px;
}
.header.fix.slim .lang-sel {
	top: 30px;
}
.header.up {
	transform: translateY(0px);
}
.header.down {
	transform: translateY(-124px);
}
:not(#main).wrapper .footer {
	background: rgb(48, 48, 48); height: 313px; text-align: center; padding-top: 60px; position: relative; z-index: 10; min-width: 1440px;
}
:not(#main).wrapper .footer .inner {
	margin: 0px auto !important;
}
:not(#main).wrapper .footer .sns-icon-group {
	text-align: center;
}