@charset "utf-8";

.main {
	padding: 34px 0 46px;
	/*padding: 8.21% 0 11.12%;*/
}

/* *** signup1 *** */
.form_box {
	width: 76%;
	/*width: 80%;*/
	margin: auto;
}
.form_box .input_field {
	list-style: none;
}
.form_box .input_box {
	/*margin-top: 6px;*/
	margin-top: 1.6vw;
	position: relative;
}
.form_box .required_mark {
	position: absolute;
	top: 50%;
	/*left: -23px;*/
	left: -6%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform:  translateY(-50%);
	
}
.form_box .activity_area option:first-child {
	display: none;
}
.form_box .teamlevel_box {
	/*margin-top: 24px;*/
	/*margin-top: 3.26vh;*/
	margin-top: 5.8vw;
	font-size: 0
}
.form_box .teamlevel_box label,
.form_box .teamlevel_box .level_select {
	display: inline-block;
	vertical-align: middle;
}
.form_box .teamlevel_box .level_select {
	margin-left: 13px;
	font-size: 0;
}
.form_box .icon_box {
	/*margin: 15px 0 44px;*/
	margin: 3.63vw 0 3vw;
}
.form_box .icon_box label {
	float: left;
}
.form_box .icon_box .icon_select {
	float: right;

	/*width: 131px;*/
    width: 31.4vw;
	/*height: 120px;*/
	height: 29vw;
	/*border: 1px solid #e5e5e5;*/
	border: 1px solid #a8a8a8;

	position: relative;

	overflow: hidden;
}
.form_box .icon_box .icon_select img {
	display: block;
	width: 100%;
	height: auto;

	position: absolute;

	position: relative;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform:  translate(-50%, -50%);
}
.form_box .icon_box .icon_select .horizontal_img {
	width: auto;
	height: 100%;
}
.form_box .icon_box .icon_select .vertical_img {
	width: 100%;
	height: auto;
}
.form_box .icon_box .icon_select p {
	width: 100%;
	padding: 5px 0;
	background: #595757;
	text-align: center;

	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	/*font-size: 13px;*/
	font-size: 3.2vw;
	/*line-height: 15px;*/
	line-height: 3.8vw;
	font-weight: bold;
	letter-spacing: 0;

	position: absolute;
	bottom: 0;
	left: 0;
}
.form_box .icon_box .icon_select.selected p {
	display: none;
}
.form_box .check_input {
	/*margin-top: 23px;*/
	/*margin-top: 3.13vh;*/
	margin-top: 5.56vw;
	font-size: 0;
}
.form_box .check_input label {
	display: inline-block;
	vertical-align: top;

	/*width: 20px;*/
	/*height: 20px;*/
	width: 4.85vw;
    height: 4.85vw;
	padding: 0;
	margin-right: 4px;
    margin-bottom: 2px;

	border: 1px solid #636363;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	position: relative;
}
.form_box .check_input label::after {
	content: '';

	display: block;
	width: 6px;
	height: 10px;

	border-right: 2px solid #717070;
	border-bottom: 2px solid #717070;

	position: absolute;
	top: 50%;
	left: calc(50% - 6px);
	transform: rotate(45deg) translate(-50%, -50%);

	opacity: 0;
}
.form_box .check_input input:checked + label::after {
	opacity: 1;
}
.form_box .check_input p {
	display: inline;

	color: #595757;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	/*font-size: 12px;*/
	font-size: 3.2vw;
    /*line-height: 21px;*/
    /*line-height: 2.9vh;*/
	line-height: 4.8vw;
    font-weight: bold;
	letter-spacing: 0.5px;
}
.form_box .check_input p a {
	color: #595757;
	text-decoration: underline;
}
.form_box .submit_btn {
	width: 100%;
	/*margin-top: 30px;*/
	/*margin-top: 4.08vh;*/
	margin-top: 7.25vw;
}
.sns_text{
	/*font-size: 11px;*/
	font-size: 3.1vw;
    /*color: #9f9fa0;*/
    color: #575757;
    /*margin-bottom: 10px;*/
    /*margin-bottom: 1.36vh;*/
	margin-bottom: 2.42vw;
}

.form_box .input_box input[type="password"]{
	font-size: 2.8vw;
}

/* *** signup2 *** */
.comp_main .login_link_btn {
	margin-top: 100px;
}

.comp_main .comp_title p{
	font-size: 5vw;
}

.comp_explanation.w_pc p{
	/*width: 88%;*/
    font-size: 3.6vw;
    text-align: justify;
}
.form_box .icon_box .border_red{
	border-color: #e60012;
}

.form_box .input_box textarea{
	line-height: 4.4vw;
}
.font_bold{
	font-weight: bold;
	margin-bottom: 2px;
}
/* *** レスポンシブ *** */
/* iPhone5 */
@media screen and (max-width: 320px) {
}