@charset "utf-8";


/* ーーーーーーーーーーーーーーーーーーーー
	メニュー
ーーーーーーーーーーーーーーーーーーーー */
body {
	& main {
		width: 100%;
		height: 100%;
		& article {
			width: 100%;
			height: 100%;
			& #index {
				display: flex;
				flex-direction: column;
				padding: 4rem;
				width: 100%;
				height: 100%;
				background: #C77EB5;
				border-radius: var(--Border-radius_S);
				& div {
					text-align: center;
					font-size: 6rem;
					color: var(--Color_W100);
				}
				& ul {
					display: flex;
					flex-direction: row;
					gap: 1rem;
					padding: 2rem 4rem 0;
					& li {
						flex-basis: calc( calc(100% - 2rem) / 2);
						& a {
							display: flex;
							justify-content: center;
							padding: 1rem;
							width: 100%;
							text-decoration: none;
							font-size: 4rem;
							color: var(--Color_W100);
							background: var(--Color_A100);
							border-radius: 1rem;
						}
						& a:hover {
							background: var(--Color_1D100);
						}
					}
				}
			}
		}
	}
}