@charset "utf-8";


/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");


  /*フッター
---------------------------------------------------------------------------*/
#footer1-parts * {margin: 0;padding: 0;}
#footer1-parts ul {list-style: none;}

/*ブロック全体*/
#footer1-parts {
	background: #e6f4ff;	/*背景色*/
	color: #555;		/*文字色*/
	padding: var(--content-space);	/*フッター内の余白。css冒頭のcontent-spaceを読み込みます。*/
	display: flex;
	flex-direction: column-reverse;	/*フッターメニューがロゴより先に表示されるように。逆（htmlの順番通りの表示）がいいならこの１行を削除。*/
}

/*ロゴやSNSアイコンが入ったブロック*/
#footer1-parts div.footer1-1-parts {
	display: flex;
	flex-direction: column;
	gap: 1rem;	/*このブロック内のボックス同士の間に空ける余白。１文字分。*/
}

/*メニューブロック*/
#footer1-parts div.footer1-2-parts {
    flex: 1;
	font-size: 0.85rem;	/*文字サイズを85%に*/
    display: flex;
    gap: 2rem;	/*メニューブロック同士の間の余白。2文字分。*/
	margin-bottom: 1rem;	/*メニューブロックの下に１文字分の余白を空ける。*/
}

	/*画面700px以上の追加指定*/
	@media screen and (min-width:700px) {

	#footer1-parts {
		flex-direction: row;	/*表示順をデフォルトにする*/
		gap: 2rem;		/*ロゴのブロックとメニューのブロックとの間の余白。2文字分。*/
	}

	/*ロゴやSNSアイコンが入ったブロック*/
	#footer1-parts div.footer1-1-parts {
		text-align: left;
		width: 40%;	/*幅。40%。*/
	}

	/*メニューブロック*/
	#footer1-parts div.footer1-2-parts {
		justify-content: flex-end;	/*ブロックを右に寄せる。この行を削除すれば、左によります。*/
		margin-bottom: 0;	/*下の余白をなくす*/
	}

	}/*追加指定ここまで*/


/*Copyright部分*/
#footer1-parts small {
	display: block;
}


/*SNSアイコン
---------------------------------------------------------------------------*/
.sns1-parts {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;		/*アイコン同士のマージン的な要素。１文字分。*/
}

.sns1-parts i {
	font-size: 30px;	/*アイコンサイズ*/
}


}