@charset "utf-8";
/* CSS Document */

body {
	font-family: "YuGothic","Yu Gothic Medium",sans-serif;
	color: #424e64;
	font-size: 16px;
}

.main {
	background: url("../images/chart_background.png");
	max-width: 900px;
}

.title {
	padding: 16px 0 0 0;
	text-align: center;
	color: #f02f7c;
}

.article__list__container {
	padding: 24px 16px 40px 16px;
}

.article__list {
	position: relative;
	padding: 24px 16px 24px 16px;
	background: #fff;
	border-radius: 0.5rem;
}

.article__list_item {
	margin: 16px 0 16px 0;
}

.article__list_item::before {
	content: "★";
	position: absolute;
	left: 16px;
	color: #f02f7c;
	font-size: 4vw;
}

.article__list_link {
	display: block;
	padding: 0 0 0 4.5vw;
	color: #f02f7c;
	font-size: 4vw;
}

/*      フッターの設定       */
.footer {
	padding: 40px 20px 40px 20px;
	background: #4B4949;
	text-align: center;
	color: #FFFFFF;
}

.footer__list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 10px 0;
}

.footer__list_link {
	padding: 8px 10px 8px 10px;
	color: #FFFFFF;
	font-size: min(4vw,16px);
}