@charset "UTF-8";
/*--------------------------------
reset
--------------------------------*/
html, body, div, p, img, iframe, a, span, blockquote, q, address, cite,
pre, code, em, small, strong, b, i,
header, article, section, nav, figure, figcaption, hgroup, menu, aside, footer, time,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, tbody, thead, tfoot, th, tr, td,
form, fieldset, legend, label, select, input, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}

header, article, section, nav, figure, figcaption, hgroup, menu, aside, footer {
	display: block;
}

ul li {
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

body {
	line-height: 1;
}

a {
	text-decoration: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

select, option, input:not([type=checkbox]):not([type=radio]), textarea, button {
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

blockquote::before, blockquote::after, q::before, q::after {
	content: '';
	content: none;
}

[type=submit], [type=button], [type=reset], [type=file], button {
	cursor: pointer;
}

:focus {
	outline: none;
}

/*--------------------------------
common
--------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: #444;
}
a {
	color: #09d;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-tap-highlight-color: rgba(123,220,255,.2);
}
a:hover {
	color: #999;
}

button {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-tap-highlight-color: rgba(123,220,255,.2);
}

.btn {
	margin: 0 auto;
	width: 100%;
	max-width: 320px;
	height: 48px;
	display: block;
	background: #09d;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 48px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 3px 5px rgba(0,0,0,.3);
}
.btn:hover {
	color: #fff;
}
.male-btn{
	margin: 0 4px;
	background: #2d70dd;
}
.female-btn{
	margin: 0 4px;
	background: #ff6695;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*--------------------------------
contents
--------------------------------*/
.wrapper{
	padding: 40vh 0 40px;
	min-height: 100vh;
	position: relative;
	content: "";
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.heading{
	margin-bottom: 24px;
	font-size: 4vh;
	text-align: center;
	font-weight: 800;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.regist-area{
	padding: 16px;
}
.regist-btn-area{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.alert{
	margin: 0 0 16px;
	text-align: center;
	font-size: 14px;
	color: #c00;
	font-weight: 800;
}
.term-link{
	margin: 0 auto;
	padding: 8px 0;
	width: 110px;
	display: block;
	text-align: center;
}
.term-wrapper{
	padding: 16px 16px 40px;
}
.contents-body h3{
	margin-bottom: 24px;
	font-size: 3.5vh;
	line-height: 1.3;
}
.contents-body p{
	margin-bottom: 36px;
	line-height: 1.6;
}
.back-link{
	width: 50px;
	height: 50px;
	position: fixed;
	top:0 ;
	left: 0;
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 50px;
	background: rgba(255,255,255,.9);
	border-radius: 50%;
}
.project-label{
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
}