@charset "UTF-8";

/*=========================================================
	Footer
=========================================================*/
.site-footer{
	background-color:#3E2A2F;
	padding:35px 0 80px;
	margin-top:120px;
}

/*	Logo
=========================================================*/
.FooterLogo{
	width:303px;
	height:38px;
	background-image:url(../../images/logo/footer-logo.svg);
	background-size:303px 38px;
	float:left;
	margin-right:55px;
}

.FooterInner{
	position:relative;
	padding-right:240px;
}

/*	SiteMapSelect
=========================================================*/
.SiteMapSelect{
	position:absolute;
	top:0;
	right:0;
	z-index:5;
}

.SiteMapSelect-text{
	display:block;
	font-size:15px;
	line-height:1.4em;
	color:#fff;
	padding:15px 50px 15px 22px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color:rgba(255,255,255,0.13);
	width:223px;
	position:relative;
}

.SiteMapSelect-text:after{
	content:"";
	width:10px;
	height:5px;
	background-image:url(../../images/icon/ico_sitemap_arrow.svg);
	background-size:10px 5px;
	position:absolute;
	top:50%;
	right:22px;
	transform:translateY(-50%);
}

.is-Open .SiteMapSelect-text:after{
	transform:translateY(-50%) rotate(180deg);
}

.SiteMapSelectList{
	position:absolute;
	left:0;
	right:0;
	bottom:60px;
	z-index:50;
	display:none;
}

.SiteMapSelectList-item{
	border-top:solid 1px #3E2A2F;
}

.SiteMapSelectList-item:first-child{
	border-top:none;
}

.SiteMapSelectList-link{
	display:block;
	font-size:14px;
	line-height:1.4em;
	color:#fff;
	padding:15px 50px 15px 22px;
	background-color:#57464a;
}

/*	FooterInfo
=========================================================*/
.FooterInfo{
	overflow:hidden;
}

.FooterInfo-copy{
	font-size:15px;
	line-height:1.4em;
	color:rgba(255,255,255,0.3);
	margin-top:16px;
}

.FooterInfoList-list{
	margin:-2px -18px;
	font-size:0;
	line-height:0;
}

.FooterInfoList-item{
	display:inline-block;
	padding:2px 18px;
}

.FooterInfoList-item:after{
	content:"";
	display:table;
	clear:both;
}

.FooterInfoList-item:first-child{
	width:100%;
}

.FooterInfoList-link{
	color:rgba(255,255,255,0.66);
}

.FooterInfoList-title{
	float:left;
	padding-right:8px;
	margin-right:7px;
	position:relative;
	font-size:15px;
	line-height:1.4em;
	color:rgba(255,255,255,0.66);
}

.FooterInfoList-title:after{
	content:"";
	width:1px;
	height:12px;
	background-color:rgba(255,255,255,0.2);
	position:absolute;
	top:4px;
	right:0;
}

.FooterInfoList-text{
	overflow:hidden;
	font-size:15px;
	line-height:1.4em;
	color:rgba(255,255,255,0.66);
}

@media screen and (max-width: 1610px) and (min-width: 1025px) {
	.site-footer{
		padding:2.17391vw 0 4.968944vw;
		margin-top:7.45341vw;
	}

	.FooterLogo{
		width:18.8198vw;
		height:2.36024vw;
		background-size:18.8198vw 2.36024vw;
		margin-right:3.41614vw;
	}

	.FooterInner{
		padding-right:14.90683vw;
	}

	.SiteMapSelect-text{
		font-size:0.93167vw;
		padding:0.93167vw 3.1055vw 0.93167vw 1.36645vw;
		width:13.8509vw;
	}

	.SiteMapSelect-text:after{
		width:0.62111vw;
		height:0.31055vw;
		background-size:0.62111vw 0.31055vw;
		right:3.1055vw;
	}

	.SiteMapSelectList{
		bottom:3.726708vw;
	}

	.SiteMapSelectList-link{
		font-size:0.86956vw;
		padding:0.93167vw 3.1055vw 0.93167vw 1.36645vw;
	}

	.FooterInfo-copy{
		font-size:0.93167vw;
		margin-top:0.99378vw;
	}

	.FooterInfoList-list{
		margin:-0.12422vw -1.11801vw;
	}

	.FooterInfoList-item{
		padding:0.12422vw 1.11801vw;
	}

	.FooterInfoList-title{
		padding-right:0.49689vw;
		margin-right:0.434782vw;
		font-size:0.931677vw;
	}

	.FooterInfoList-title:after{
		height:0.74534vw;
		top:0.24844vw;
	}
	
	.FooterInfoList-text{
		font-size:0.931677vw;
	}
}

@media screen and (max-width: 1170px) and (min-width: 1025px) {
	.SiteMapSelectList-link{
		font-size:10px;
	}
}

@media screen and (max-width: 1090px) and (min-width: 1025px) {
	.FooterInfoList-title{
		font-size:10px;
	}
	
	.FooterInfoList-text{
		font-size:10px;
	}
	
	.FooterInfoList-title:after{
		top:3px;
		height:8px;
	}
	
	.FooterInfo-copy{
		font-size:10px;
	}
	
	.SiteMapSelect-text{
		font-size:10px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.site-footer{
		padding:3.67391vw 0 8.968944vw;
		margin-top:8.45341vw;
	}

	.FooterLogo{
		width:18.8198vw;
		height:2.36024vw;
		background-size:18.8198vw 2.36024vw;
		margin-right:3.41614vw;
	}

	.FooterInner{
		padding-right:19.90683vw;
	}

	.SiteMapSelect-text{
		font-size:1.3793167vw;
		padding:1.493167vw 5.1055vw 1.493167vw 2.36645vw;
		width:16.8509vw;
	}

	.SiteMapSelect-text:after{
		width:0.82111vw;
		height:0.41055vw;
		background-size:0.82111vw 0.41055vw;
		right:2.36645vw;
	}

	.SiteMapSelectList{
		bottom:5.526708vw;
	}

	.SiteMapSelectList-link{
		font-size:1.3293167vw;
		padding:1.493167vw 2.36645vw 1.493167vw 2.36645vw;
	}

	.FooterInfo-copy{
		font-size:1.3293167vw;
		margin-top:1.399378vw;
	}

	.FooterInfoList-list{
		margin:-0.22422vw -1.51801vw;
	}

	.FooterInfoList-item{
		padding:0.22422vw 1.51801vw;
	}

	.FooterInfoList-title{
		padding-right:0.89689vw;
		margin-right:0.834782vw;
		font-size:1.3293167vw;
	}

	.FooterInfoList-title:after{
		height:1.14534vw;
		top:0.34844vw;
	}
	
	.FooterInfoList-text{
		font-size:1.3293167vw;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.site-footer{
		padding:8.57391vw 0 15.968944vw;
		margin-top:17.45341vw;
	}

	.FooterLogo{
		width:63.8198vw;
		height:7.36024vw;
		background-size:63.8198vw 7.36024vw;
		margin-right:0;
		float:none;
		margin:0 auto 7vw;
	}

	.FooterInner{
		padding-right:0;
	}
	
	.SiteMapSelect{
		position:relative;
		margin-bottom:8vw;
	}

	.SiteMapSelect-text{
		font-size:3.4293167vw;
		padding:3.493167vw 10.1055vw 3.493167vw 5.36645vw;
		width:100%;
	}

	.SiteMapSelect-text:after{
		width:2.62111vw;
		height:1.31055vw;
		background-size:2.62111vw 1.31055vw;
		right:5.36645vw;
	}

	.SiteMapSelectList{
		bottom:13.526708vw;
	}

	.SiteMapSelectList-link{
		font-size:3.23293167vw;
		padding:3.493167vw 5.36645vw 3.493167vw 5.36645vw;
	}

	.FooterInfo-copy{
		font-size:3.2293167vw;
		margin-top:6.399378vw;
	}

	.FooterInfoList-list{
		margin:-0.52422vw -2.11801vw;
	}

	.FooterInfoList-item{
		padding:0.52422vw 2.11801vw;
	}

	.FooterInfoList-title{
		padding-right:1.99689vw;
		margin-right:1.934782vw;
		font-size:3.2293167vw;
	}

	.FooterInfoList-title:after{
		height:3.04534vw;
		top:0.84844vw;
	}
	
	.FooterInfoList-text{
		font-size:3.2293167vw;
	}
}