* {
		box-sizing: border-box;
}

#common_foot {
		color: #fff;
		line-height: 1.2;
		z-index: 8;
		position: relative;
}

#common_foot .inner {
		width: 100%;
		padding: 0 24px;
		margin-right: auto;
		margin-left: auto;
		max-width: calc(1120px + 48px);
}

#common_foot .footer_box01 {
		padding: 40px 0;
		background-color: #2F3642;
}

#common_foot .footer_box01 .unit {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 30px;
}

#common_foot .footer_box01 .f_box01 {
		width: 55%;
}

#common_foot .footer_box01 .f_box01 img {
		max-width: 300px;
		display: block;
		margin: 0 0 15px 0;
}

#common_foot .footer_box01 .f_box01 ul li {
		display: inline-block;
		font-size: 14px;
		padding: 0;
}

#common_foot .footer_box01 .f_box01 ul li a {
		text-decoration: none;
}

#common_foot .footer_box01 .f_box01 ul li:after {
		content: " | ";
		padding: 0 5px;
}

#common_foot .footer_box01 .f_box01 ul li:last-child::after {
		content: none;
}

#common_foot .footer_box01 .f_box02 {
		width: 45%;
}

#common_foot .footer_box01 .f_box02 ul {
		display: flex;
		align-items: center;
}

#common_foot .footer_box01 .f_box02 ul li {
		font-size: 12px;
		margin-right: 15px;
		line-height: 1.6;
		text-align: center;
}

#common_foot .f_bnr {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}

#common_foot .f_bnr li {
		flex-basis: 24%;
		max-width: 24%;
}

#common_foot .f_bnr li img {
		max-width: 100%;
}

#common_foot .footer_box02 {
		padding: 15px 0;
		background-color: #000;
		text-align: center;
		font-size: 12px;
}

@media (max-width: 780px) {
		#common_foot {
				color: #fff;
				line-height: 1.2;
				z-index: 8;
				position: relative;
		}
		#common_foot .inner {
				width: 100%;
				padding: 0 5vw;
				margin-right: auto;
				margin-left: auto;
				max-width: 90vw;
		}
		#common_foot .footer_box01 {
				padding: 10vw 0 5vw;
				background-color: #2F3642;
		}
		#common_foot .footer_box01 .unit {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				margin-bottom: 5vw;
		}
		#common_foot .footer_box01 .f_box01 {
				width: 100%;
		}
		#common_foot .footer_box01 .f_box01 img {
				max-width: 60vw;
				display: block;
				margin: 0 auto 5vw;
		}
		#common_foot .footer_box01 .f_box01 ul li {
				display: flex;
				font-size: 3.6vw;
				padding: 0 0 3vw 0;
				margin: 0 0 3vw 0;
				border-bottom: 1px solid #ccc;
		}
		#common_foot .footer_box01 .f_box01 ul li a {
				text-decoration: none;
		}
		#common_foot .footer_box01 .f_box01 ul li:after {
				content: none;
				padding: 0;
		}
		#common_foot .footer_box01 .f_box01 ul li:last-child::after {
				content: none;
		}
		#common_foot .footer_box01 .f_box02 {
				width: 100%;
				text-align: center;
		}
		#common_foot .footer_box01 .f_box02 ul {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
		}
		#common_foot .footer_box01 .f_box02 ul li {
				font-size: 3.3vw;
				margin-right: 0;
				line-height: 1.6;
				text-align: center;
				width: 100%;
		}
		#common_foot .footer_box01 .f_box02 ul li img {
				margin: 2vw auto;
				text-align: center;
		}
		#common_foot .f_bnr {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 100%;
		}
		#common_foot .f_bnr li {
				flex-basis: 48%;
				max-width: 48%;
		}
		#common_foot .f_bnr li img {
				max-width: 100%;
				margin-bottom: 3vw;
		}
		#common_foot .footer_box02 {
				padding: 3vw 0 38vw;
				background-color: #000;
				text-align: center;
				font-size: 12px;
		}
}