* {
color: #000000;
background-color: transparent;
background-image: none;
background-position: left top;
background-repeat: no-repeat;
background-attachment: scroll;
font-family: sans-serif;
font-size: medium;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size-adjust: none;
font-stretch: normal;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
text-shadow: none;
line-height: normal;
vertical-align: baseline;
white-space: normal;
letter-spacing: normal;
word-spacing: normal;
width: auto;
max-width: none;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: none 0 #000000;
list-style-type: none;
list-style-image: none;
list-style-position: inside;
border-collapse: collapse;
overflow: visible;
outline: none 0 invert;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
}
*:focus {
	outline: none;
}
body {
	display: block;
	background-color: #000000;
}
header h1 {
	display: block;
	margin: 4vw;
}
header img {
	display: block;
	width: 100%;
}
header p {
	display: block;
	margin: 4vw 8vw;
	color: #ffffff;
	font-size: 4vw;
}
form {
	display: block;
	margin: 8vw 0;
}
fieldset {
	display: block;
}
fieldset legend {
	display: block;
	margin: 0 4vw;
	color: #ffffff;
	font-size: 4vw;
	text-align: center;
}
fieldset div {
	margin: 2vw 2vw 2vw 8vw;
}
fieldset div::after {
	display: block;
	content: "";
	clear: both;
}
fieldset label {
	display: block;
	width: 16vw;
	height: 8vw;
	border: solid 1px #ffffff;
	color: #ffffff;
	font-size: 4vw;
	text-align: center;
	line-height: 8vw;
	float: left;
}
fieldset input {
	display: block;
	padding: 0 2vw;
	width: 56vw;
	height: 8vw;
	font-size: 4vw;
	line-height: 8vw;
	background-color: #ffffff;
	float: left;
}
fieldset p {
	display: block;
	width: 13vw;
	height: 8vw;
	color: #ffffff;
	font-size: 3vw;
	text-align: right;
	line-height: 8vw;
	float: left;
}
form > button {
	display: block;
	margin: 2vw auto;
	width: 30vw;
	height: 6vw;
	border-radius: 1vw;
	color: #000000;
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	line-height: 6vw;
	background-color: #ffffff;
}
#result {
	display: none;
	margin: 0 auto;
	width: 78vw;
}
#result::after {
	display: block;
	content: "";
	clear: both;
}
#result textarea {
	display: block;
	margin: 4vw auto 2vw auto;
	padding: 0 2vw;
	width: 80vw;
	height: 16vw;
	font-size: 4vw;
	line-height: 8vw;
	background-color: #ffffff;
	resize: vertical;
}
#result button {
	display: block;
	margin: 2vw;
	width: 30vw;
	height: 6vw;
	border-radius: 1vw;
	color: #000000;
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	line-height: 6vw;
	background-color: #ffffff;
	float: left;
}
#twitter {
	display: block;
	margin: 2vw;
	width: 6vw;
	height: 6vw;
	float: left;
}
#twitter img {
	display: block;
	width: 6vw;
	height: 6vw;
}
#test {
	display: block;
	margin: 2vw;
	width: 30vw;
	height: 6vw;
	border-radius: 1vw;
	color: #000000;
	font-size: 4vw;
	font-weight: bold;
	text-align: center;
	line-height: 6vw;
	background-color: #ffffff;
	float: left;
}
section {
	display: block;
}
section p {
	display: block;
	margin: 8vw 8vw 4vw 8vw;
	color: #ffffff;
	font-size: 4vw;
}
section label {
	display: block;
	margin: 4vw auto;
	width: 30vw;
	color: #ffffff;
	font-size: 4vw;
	text-align: center;
}
section label::before {
	display: inline;
	content: "▶ ";
	color: #ffffff;
	font-size: 4vw;
}
section input {
	display: none;
}
section div {
	display: none;
	margin: 4vw 0;
}
section input:checked ~ label::before {
	content: "▼ ";
}
section input:checked ~ div {
display: block;
}
footer {
	margin: 8vw 4vw;
	border-top: solid 1px #ffffff;
}
footer a {
	display: block;
	margin: 4vw 20vw;
}
footer img {
	display: block;
	width: 100%;
}
footer p {
	display: block;
	margin: 4vw auto;
	width: 50vw;
	color: #ffffff;
	font-size: 2vw;
}
#ad {
	display: block;
	margin: 8vw auto;
	width: 300px;
}
@media (min-width: 641px) {
	body {
		margin: 0 auto;
		width: 1000px;
	}
	header::before {
		display: block;
		content: "";
		background-image: url("title_logo.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 250px;
	}
	header::before {
		display: block;
		content: "";
	}
	header::after {
		display: block;
		content: "";
		clear: both;
	}
	header h1 {
		margin: 0;
		padding: 40px;
		width: 50%;
		float: left;
	}
	header p {
		margin: 0;
		width: 50%;
		padding: 40px 40px 40px 0;
		font-size: 16px;
		line-height: 32px;
		float: left;
	}
	form {
		display: block;
		margin: 40px auto;
		width: 50%;
	}
	fieldset {
		display: block;
	}
	fieldset legend {
		display: block;
		margin: 0;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
	}
	fieldset div {
		margin: 10px auto;
		width: 340px;
	}
	fieldset div::after {
		display: block;
		content: "";
		clear: both;
	}
	fieldset label {
		display: block;
		width: 80px;
		height: 32px;
		border: solid 1px #ffffff;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
		line-height: 32px;
		float: left;
	}
	fieldset input {
		display: block;
		padding: 0 16px;
		width: 200px;
		height: 32px;
		font-size: 16px;
		line-height: 32px;
		background-color: #ffffff;
		float: left;
	}
	fieldset p {
		display: block;
		width: 60px;
		height: 32px;
		color: #ffffff;
		font-size: 14px;
		text-align: right;
		line-height: 32px;
		float: left;
	}
	form > button {
		display: block;
		margin: 10px auto 20px auto;
		width: 200px;
		height: 32px;
		border-radius: 10px;
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background-color: #ffffff;
	}
	#result {
		display: none;
		margin: 0 auto;
		width: 100%;
	}
	#result::after {
		display: block;
		content: "";
		clear: both;
	}
	#result textarea {
		display: block;
		margin: 0;
		padding: 0 16px;
		width: 100%;
		height: 64px;
		font-size: 16px;
		line-height: 32px;
		background-color: #ffffff;
		resize: vertical;
	}
	#result button {
		display: block;
		margin: 10px;
		width: 200px;
		height: 32px;
		border-radius: 10px;
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background-color: #ffffff;
		float: left;
	}
	#twitter {
		display: block;
		margin: 10px;
		width: 32px;
		height: 32px;
		float: left;
	}
	#twitter img {
		display: block;
		width: 32px;
		height: 32px;
	}
	#test {
		display: block;
		margin: 10px;
		width: 200px;
		height: 32px;
		border-radius: 10px;
		color: #000000;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background-color: #ffffff;
		float: left;
	}
	section {
		display: block;
	}
	section p {
		display: block;
		margin: 40px auto;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
	}
	section label {
		display: block;
		margin: 40px auto;
		width: 200px;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
	}
	section label::before {
		display: inline;
		content: "▶ ";
		color: #ffffff;
		font-size: 16px;
	}
	section input {
		display: none;
	}
	section div {
		display: none;
		margin: 40px 0;
	}
	section input:checked ~ label::before {
		content: "▼ ";
	}
	section input:checked ~ div {
	display: block;
	}
	footer {
		margin: 40px;
		border-top: solid 1px #ffffff;
	}
	footer a {
		display: block;
		margin: 40px 300px;
	}
	footer img {
		display: block;
		width: 100%;
	}
	footer p {
		display: block;
		margin: 40px auto;
		width: 350px;
		color: #ffffff;
		font-size: 14px;
	}
	#ad {
		display: block;
		margin: 40px auto;
		width: 300px;
	}
}