@charset "utf-8";

/* !footer
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#footer {
	min-width: 320px;
}
	#footerSitemap {
		display: none;
	}
	#footerContent {
	}
		#footerContent #footerLinks {
			margin: 0 auto;
		}
			#footerLinks ul {
				padding: 16px 0 17px;
				width: 686px;
			}
				#footerLinks li {
					font-size: 85.71%;
				}
			@media (-webkit-min-device-pixel-ratio: 2) {
				#footerLinks li {
					background-image: url(/cms/common/images/footer/ico_footer_arrow01_2x.png);
					background-size: 6px 10px;
				}
			}
}
@media screen and (max-width: 767px) {
	#footerContent {
	}
		#footerContent #footerLinks {
		}
			#footerLinks ul {
				width: 100%;
				padding: 0;
				border-top: 1px solid #444;
				border-left: 1px solid #444;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				#footerLinks li {
					display: table;
					margin: 0;
					padding: 0;
					width: 50%;
					height: 45px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-right: 1px solid #444;
					border-bottom: 1px solid #444;
					background: none;
				}
					#footerLinks li a {
						display: table-cell;
						padding: 0 10px 0 20px;
						vertical-align: middle;
						background-position: 9px center;
						background: url(/cms/common/images/footer/ico_footer_arrow01_2x.png) no-repeat 8px center;
						background-size: 6px 10px;
					}
					#footerLinks li a:focus,
					#footerLinks li a:hover {
						text-decoration: none;
					}
}

@media screen and (max-width: 979px) {
#copyright {
}
	#copyright .logo {
		margin-bottom: 21px;
	}
}
@media screen and (max-width: 767px) {
#copyright {
	padding: 20px 0;
}
	#copyright .logo {
		margin-bottom: 7px;
	}
		#copyright .logo img {
			width: 33px;
			height: auto;
		}
}

/* !footerBannerArea
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
.footerBannerArea {}
	.footerBannerAreaIn {
	  width: 650px;
		padding: 70px 0 60px;
	}
.listFooterBanner.col4 > li {
	width: 147px;
	margin-left: 20px;
}
}
@media screen and (max-width: 767px) {
.footerBannerArea {}
	.footerBannerAreaIn {
	  width: 100%;
		padding: 0;
	}
}

@media screen and (max-width: 979px) {
.listFooterBanner {
}
	.listFooterBanner > li {
	}
	.listFooterBanner.col4 > li {
		width: 147px;
	  margin-left: 20px;
	}
	.listFooterBanner > li .inner .indexBox01 {
		padding: 8px 10px;
	}
		.listFooterBanner > li .indexBox01 .h4_arrow01 {
			padding-left: 14px;
			font-size: 85.71%;
		}
}

@media screen and (max-width: 767px) {
.listFooterBanner {
}
	.listFooterBanner > li {
		float: none;
	}
	.listFooterBanner.col4 > li {
		width: 100%;
		margin: 0;
		display: block;
    padding: 10px 25px 10px 10px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    position: relative;
	}
.listFooterBanner > li .inner {
    display: table;
    width: 100%;
}
	.listFooterBanner > li .inner .img {
	  display: table-cell;
	  width: 70px;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  background-color: transparent;
	}
	.listFooterBanner > li .inner .indexBox01 {
	    display: table-cell;
	    vertical-align: middle;
			background-color: #e5e5e5;
	    padding: 0 10px;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    border: none;
	}
}