@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lemonada&display=swap');

/* ---------------------------------------------------
common.css
--------------------------------------------------- */

/* ---------------------------------------------------
common
--------------------------------------------------- */
html {
	background: #fff;
}
body {
	background: #fff;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #000;
}

a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	opacity: 0.5;
}

* {
	box-sizing: border-box;
}


/* ---------------------------------------------------
layout
--------------------------------------------------- */
#pagetop {
}
h1 {
	position: fixed;
	left: 0;
	top: 320px;
	transform: rotate(-90deg);
	transform-origin: left top;
	width: 300px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	line-height: 80px;
	font-family: 'Lemonada', cursive;
}
p {
	margin: 0 0 0 80px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.3;
	font-family: 'Lemonada', cursive;
}


/* ---------------------------------------------------
content
--------------------------------------------------- */
#content {
	margin: 0 0 0 100px;
	padding: 20px;
	max-width: 1000px;
	min-height: calc(100vh - 200px);
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#content h2 {
	margin: 0 0 50px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
#content dl {
	margin: 0 0 20px 0;
}
#content dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
#content dl dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
}
#content dl dd + dt {
	margin-top: 30px;
}
#content .note {
	margin: 50px 0 30px 0;
	padding: 0;
}
#content .note li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1.5em;
	font-size: 14px;
	line-height: 1.5;
	list-style: none;
}
#content .note li .mark {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

#content ul + dl,
#content dl + dl {
	margin-top: 50px;
}