@charset "utf-8";


#footer {
	width: 100%;
}

.foot {
	background-color: var(--subColor1, #ffffe0);/*lightyellow*/
	padding: 50px 20px;
}




.footContents {}

.footContents hr {
	border: none;
	border-top: 1px solid #ff8c00;
	overflow: visible;
	height: 2px;
	width: 50%;
	margin: 30px auto;
}

.footContents h3,
.footContents h5 {
	text-align: center;
	color: var(--mainColor, #ff8c00);
	margin-bottom: 30px;
}

.footContents h5::before,
.footContents h5::after {
	content: "==";
}

.footContent_01,
.author {
	margin: 0 auto;
	max-width: max-content;
}

.author {
	text-align:  center; 
	flex-wrap: wrap;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.authorChild {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

.author img {
	width: 130px;
	height: 130px;
	filter: brightness(1.5);/*画像の線形乗算適用（明暗）*/
}

.author p {
	color: var(--mainColor, #ff8c00);
	font-size: 0.875rem;
	text-align: left;
	margin-left: 50px;
}

.copy {
	background-color: var(--mainColor, #ff8c00);
	text-align: center;
	padding: 10px 0;
	color: ;
}

.copy p {
	font-size: 0.75rem;/*12px*/
	color: #fff;
}



/*===============================*/

@media (768px <= width < 960px) {/* 画面サイズ 768px 以上 960px 未満 */
	.footContents hr {
		width: 70%;
	}
	
	.authorChild {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
}

}

@media (480px <= width < 768px) {/* 画面サイズ 480px 以上 768px 未満 */
	.footContents hr {
		width: 80%;
	}
	
	.authorChild {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
}

}

@media (width < 480px) { /*480未満（479以下）*/
	.footContents hr {
		width: 80%;
	}
	
	.authorChild {
		width: 90%;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 50px;
}

}