@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
/* CSS Document */
/*----------------------------------------------------------------
フッター ※背景色替えたい場合はfooter.css以降読み込みのcssに記述すれば上書き可能。背景色及びラインカラーのみ修正可。
-----------------------------------------------------------------*/
footer{
	font-family:'Noto Sans JP', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	text-align: center;
	box-sizing:border-box;
	padding: 2em 0 3em;
}

footer img.txt{
	width: calc(100% - 2em);
}
footer div:not(.platformLogo){
	/*padding: 10px 15px;*/
	/*border-top: 1px solid;*/
}
footer div:first-child{
	border-top: 0;
}
footer .platformLogo img{
	margin: 0 1em;
}
footer .companyLogo a {
	display: inline-block;
	width: calc(33.3% - 10px);
	max-width: 200px;
	margin: 5px;
	vertical-align: bottom;
}
footer .footerLink a {
	display: inline-block;
	width: calc(calc(100% / 3) - 0.4em);
	border: #fff 2px solid;
	padding: 0.5em 0;
	margin: 0.5em 0.2em;
	max-width: 200px;
	font-size:13px;
}

footer .copyright span{
	padding: 0 0.5em;
	font-size: 14px;
}
/*白背景------------------------------------------------*/
footer.white{
	background-color: #fff;
	color: #434343;
}

footer.white div{
	border-color: #ccc;
}
footer.white a{
	color: #434343;
}
/*黒背景------------------------------------------------*/
footer.black{
	background-color: #000;
	color: #fff;
}

footer.black div{
	border-color: #a2a2a2;
}
footer.black a{
	color: #fff;
}
@media screen and (max-width: 800px) {
	footer .footerLink a,footer .copyright span {

	font-size:min(2.3vw,12px);
	}
}