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

.per-rule {padding: 15px; background: #f3f3f3; margin-top: 10px; }
.per-rule h3 {float: left; font-size: 1.3rem; line-height: 32px;}
.per-rule input, .per-rule label {float: right; font-size: 1.3rem;}
.per-rule a { text-decoration: underline; position: relative; top: 5px; color: #777; line-height: 24px; font-size: 1.2rem; margin-left: 15px;}
.per-rule a:hover {color:#333;}

@media all and (max-width: 710px) {
	.file-input {width: calc(100% - 65px);}
	input[type="text"].text-input.email-input {width: 100%;}
}
@media all and (max-width: 525px) {
	.per-rule h3 {float: none; display: block;}
	.per-rule input, .per-rule label {float: none;}
	.per-rule a {display: block;}
}
@media all and (max-width: 425px) {
	.file-input > .button {width: 55px;}
	.btn-wrap .btn-right,
	.btn-wrap .btn-right button {width: 100%;}
}