<style>
	:root {
		--color-text-default: #1C1F1E !important;
		--color-text-gray: #6F7882 !important;
    --color-bg-default: #F9FAFB !important;
  }

	/* --- NAVIGATION --- */

	/* Hide the Notion nav bar and header title */
	.notion-navbar {
	  display: none !important;
	}
	.notion-header {
	  display: none !important;
	}

	/* Custom nav styling (see HTML at bottom of code) */
	.nav {
	  align-items: center;
	  padding: 24px;
	  display: flex;
	  position: static;
	  z-index: 9999;
	  height: 88px;
	  width: 100%;
	  flex-direction: row;
	  justify-content: space-between;
	}
	.nav .right, .nav .left {
	  display: flex;
	  margin-bottom: 0.25em;
	}
	.nav-link {
	  justify-content: center;
	  align-items: center;
	  display: flex;
	  height: 100%;
	  font-size: 16px;
	  font-weight: 600;
	  color: var(--color-text-default);
	  text-decoration: none;
	}
	.nav-img {
	  height: 40px;
	}

	/* --- Heading styles --- */

	h1.notion-heading {
		font-size: 2.25rem !important;
		line-height: 1.5 !important;
	}
	h2.notion-heading {
		font-size: 1.75rem !important;
		line-height: 1.6 !important;
	}
	.notion-text__content {
		font-size: 1.125rem !important;
		line-height: 1.6 !important;
	}

	/* --- CONTENT STYLING --- */

	/* --- Adjust the max width of pages --- */
	.super-content.max-width, .notion-header__content.max-width {
	  max-width: 1080px !important;
	}

	/* --- Style the buttons --- */
	.notion-callout {
		border-radius: 100px !important;
		position: relative !important;
		padding: 16px 24px !important;
		border: none !important;
		background: #00A0A3 !important;
		box-shadow: 0 10px 20px -10px #00A0A3 !important;
	}
	.notion-callout a {
		letter-spacing: -0.5px !important;
		padding: 0 0 2px 66px !important;
		align-items: center !important;
		position: absolute !important;
		font-weight: 600 !important;
		display: flex !important;
		border: none !important;
		color: #fff !important;
		bottom: 0 !important;
		right: 0 !important;
		left: 0 !important;
		top: 0 !important;
	}

	/* --- PROJECTS PAGE --- */

	/* Hide cover image from page headers */
	.notion-header__cover {
	  display: none !important;
	}

	/* --- MISC --- */
	/* Hide notion toggle - a hack to hide child pages, drag them into a toggle and they'll disappear */
	.notion-toggle {
	  display: none !important;
	}

</style>

<!-- CUSTOM NAVIGATION -->

<nav class="nav">
  <div class="left">
		<a class="nav-link" href="/">
			<img class="nav-img" src="https://s3.us-west-2.amazonaws.com/secure.notion-static.com/9e83b7c2-4ebe-445f-82ff-f1a105173047/logo.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAT73L2G45O3KS52Y5%2F20210110%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20210110T065643Z&X-Amz-Expires=86400&X-Amz-Signature=8f4dc9ede472645baeb23124a1b2b1493008eb8fb63d9c051ed6fe1823970c0a&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22logo.png%22"/>
		</a>
  </div>
  <div class="right">
		<a class="nav-link" href="https://admin.appifyservice.com/login">ログイン</a>
  </div>
</nav>