@charset "utf-8";
/*固定する背景*/
.height100 {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		height: 100%;
}
.parallax-bg::before {
		background-image: url("../img/common/footer_illust.png"), url("../img/common/bg_beige_pattern.png");
		background-position: center bottom 300px, left bottom;
		background-size: 70%, auto;
		background-repeat: no-repeat, repeat;
	background-attachment: fixed;
    background-attachment: scroll;
	content: "";
	width: 100%;
		height: 100vh;
		position: fixed;
	display: block;
	left: 0;
bottom: 0;
z-index: -5;
}
/*スクロールするコンテンツ*/
.scrollbox1 {
		background-color: #fff;
 width: 100%;
}
.scrollbox2 {
		background-color: #034836;
}
.footer_logo_area {
		position: relative;
		width: 100%;
}
.footer_logo_area .footer_logo {
		width: 215px;
		margin: 0 auto;
		padding-top: 70%;
}
h1#footerlogo .footerlogo_img {
		margin: 0 0;
		width: 200px;
		display: block;
}
footer {
		width: 100%;
}
/**/
@media all and (min-width: 576px) {
	
		.footer_logo_area .footer_logo {
				width: 215px;
				margin: 0 auto;
				padding-top: 70%;
		}
/**/
}
@media all and (min-width: 768px) {
		.parallax-bg::before {
				background-position: left 20% bottom 70px, left bottom;
				background-size: 38%, auto;
		}
		.footer_logo_area .footer_logo {
				padding-left: 60%;
				padding-top: 0;
				margin: 0 0;
				width: 100%;
		}
		h1#footerlogo .footerlogo_img {
				margin: 0 0;
				width: 200px;
				display: block;
		}
/**/
}
@media all and (min-width: 960px) {
		.parallax-bg::before {
				background-position: left 20% bottom 70px, left bottom;
				background-size: auto 210px, auto;
		}
/**/
}