/* checkbox */
	.checks {position:relative;}
	.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
	.checks input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
	}
	.checks input[type="checkbox"] + label:before { content:' '; display:inline-block; width:26px; height:26px; line-height:26px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:26px 26px;
	}
	.checks input[type="checkbox"] + label:active:before,
	.checks input[type="checkbox"]:checked + label:active:before { background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_on.png');}
	.checks input[type="checkbox"]:checked + label:before { background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_on.png');}

	@media screen and (-webkit-min-device-pixel-ratio:2){
		.checks input[type="checkbox"] + label:before { background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_off@2x.png');}
		.checks input[type="checkbox"] + label:active:before,
		.checks input[type="checkbox"]:checked + label:active:before { background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_on@2x.png');}
		.checks input[type="checkbox"]:checked + label:before { background-image:url('https://d2nkkkpf88oxbk.cloudfront.net/webimg/v2.adpick/invitation_checkbox_on@2x.png');}
	}

	.invitation { text-align:center; color:#fff; background-color:#161c24 }
	.invitation .contentInner { max-width:747px; margin:0 auto; padding:5% 0;}

	.introduce {}
	.introduce .title {}
	.introduce .txt1 { margin-top:4%; font-size:2em; line-height:1.2; font-weight:100; }
	.introduce .txt1 span { font-weight:bold; }
	.introduce .txt2 { margin-top:15px; line-height:1.6; font-size:1.3em; font-weight:100; }
	.introduce .txt2 span { font-weight:bold; }

	.benefit { margin-top:10%; }
	.benefit .txt { font-size:1.2em; font-weight:100; margin-bottom:5% }
	.benefit .item { float:left; width:49%; margin:0 0.5%; padding:15px 0; text-align:left; background-color:#fff; }
	.benefit .title { margin:0 20px; font-size:1em; line-height:1.2; color:#37bc9b; }
	.benefit .info { margin:8px 20px 0 20px; }
	.benefit .info li { color:#000; padding:2px 0; font-weight:bold; }

	.agreement { margin-top:25px; }
	.agreement .form {}
	.agreement label { font-weight:100; font-size:1.2em; }
	.agreement input {}
	.agreement .txt { margin-top:7%; font-weight:100; }

	.button { margin-top:7%; }
	.button .btnReg { padding:0 35px; line-height:46px; height:46px; font-size:1.2em; background-color:#00d08d }

	.bbsWrapper { margin-top:5%; color:#494949; text-align:left; }

	/* clear both */
	.benefit { *zoom:1; }
	.benefit:after { display:block; content:''; clear:both; }

	@media screen and (max-width:767px){
		/*.invitation { font-size:.75em; }*/
		.invitation .contentInner { padding:5% 10px; }

		.introduce { font-size:.7em }
		.introduce .title img { width:112px }

		.benefit .txt { font-size:1em; }
		.benefit .item { float:none; width:auto; font-size:.9em }

		.agreement {}
		.agreement label { font-size:1em; }
		.agreement .txt { font-size:.9em; line-height:1.5; }

		.button .btnReg { padding:0 25px; line-height:36px; height:36px; font-size:1em; }
	}