@charset "utf-8";
/* CSS Document */

.stage01_box,
.stage02_box,
.stage03_box,
.stage04_box,
.login_area {
	display: none;
}

.qY01 .stage01_box {
	display: block;
}

.qY01 .stage02_box,
.qY01 .stage03_box,
.qY01 .stage04_box,
.qY01 .login_area {
	display: none;
}

.qY02 .stage01_box,
.qY02 .stage02_box {
	display: block;
}

.qY02 .stage03_box,
.qY02 .stage04_box,
.qY02 .login_area {
	display: none;
}

.qY03 .stage01_box,
.qY03 .stage02_box,
.qY03 .stage03_box {
	display: block;
}

.qY03 .stage04_box,
.qY03 .login_area {
	display: none;
}

.qY04 .stage01_box,
.qY04 .stage02_box,
.qY04 .stage03_box,
.qY04 .stage04_box {
	display: block;
}

.qY04 .login_area {
	display: none;
}

.qYall .stage01_box,
.qYall .stage02_box,
.qYall .stage03_box,
.qYall .stage04_box,
.qYall .login_area {
	display: block;
}

.attention {
	display: none;
}

.qY01.goRed .attention,
.qY02.goRed .attention,
.qY03.goRed .attention,
.qY04.goRed .attention {
	display: block;
}
/* overWrite */
.sec1 input[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
	margin: 3px 3px 3px 4px;
}
.sec1 input[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
	margin: 3px 3px 0 5px;
}
.sec1_checkbox {
	vertical-align: middle;
	line-height: 1;
}

@media (min-width: 740px) {
	.btnSrg .btn {
		font-size: 2rem;
		padding: 18px 30px 18px 20px;
	}
}
@media (max-width: 768px) {
	.sec1 input[type="checkbox"] {
		width: 30px;
	}
	.attention_box_label {
		width: 100%;
		padding: 20px;
	}
	.attention_box_label span {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}