/*
#colors

@main-color #33b668
@text-color #333333
@base-color #fff
@body-color #eee
@form-color #f5f5f5
@notice-color #d9534f
@attention-color #b20000



*/
@media print, screen and (min-width: 768px) {
	.form-section .summary {
		color: #33b668;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.form-section p {
		margin-top: 20px;
		font-size: 1.6rem;
	}

	.form-section p.sub {
		font-size: 1.4rem;
	}

	.form-section table {
		width: 100%;
		margin-top: 20px;
	}

	.form-section table tr td {
		padding-bottom: 12px;
	}

	.form-section table tr th {
		width: 40%;
		padding-right: 15px;
	}

	.form-section .form-item {
		position: relative;
	}

	.form-section .form-item * {
		vert-align: middle;
	}

	.form-section .form-item > div {
		display: inline-block;
	}

	.form-section .form-item > div .terms {
		position: absolute;
		left: auto;
		padding-left: 3.5em;
	}

	.form-section .hyphen {
		display: flex;
		align-items: center;
	}

	.form-section .hyphen > * {
		margin-right: 10px;
	}

	.form-section .select-list {
		margin-top: 20px;
	}

	.form-section .select-list li {
		display: block;
		margin-bottom: 15px;
	}

	.form-section .select-list li.into-input {
		margin-top: -10px;
	}

	.form-section .search-engine {
		display: inline-block;
	}

	.form-section .eula-box {
		overflow: hidden;
		margin-top: 30px;
		border: none;
		border-radius: 5px;
		background: #f5f5f5;
		box-shadow: 1px 1px rgba(0, 0, 0, 0.1) inset;
	}

	.form-section .eula-box iframe {
		width: 100%;
		height: 215px;
	}

	.form-section .utype td {
		padding-top: 15px;
	}

	.form-section .serial {
		vertical-align: top;
	}

	.form-section .serial p {
		font-size: 1.4rem;
	}

	.form-section .serial-no {
		position: relative;
	}

	.form-section .serial-no span {
		display: block;
		position: absolute;
		top: 12px;
		left: -22px;
	}

	.grecaptcha-badge {
		bottom: 100px !important;
	}

}

@media print, screen and (max-width: 767px) {
	.form-section .summary {
		color: #33b668;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.form-section .label {
		font-size: 1rem;
	}

	.form-section p {
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.form-section p.sub {
		font-size: 1.2rem;
	}

	.form-section table {
		width: 100%;
		margin-top: 20px;
	}

	.form-section table th {
		position: relative;
		width: 45%;
		padding: 4px 0;
		padding-right: 3.5em;
		font-size: 1.1rem;
		line-height: 1.6;
		vertical-align: middle;
	}

	.form-section table th .label {
		display: block;
		position: absolute;
		top: 0;
		right: 5px;
		bottom: 0;
		height: 1.9em;
		margin: auto;
	}

	.form-section table td {
		padding: 4px 0;
		font-size: 1.1rem;
		vertical-align: middle;
	}

	.form-section table td .radio {
		display: block;
		padding: 5px 0;
	}

	.form-section .form-item {
		display: flex;
		align-items: center;
	}

	.form-section .form-item > * {
		vertical-align: middle;
	}

	.form-section .form-item > div {
		flex-grow: 2;
	}

	.form-section .form-item > div .terms {
		display: block;
		margin-top: 0.3em;
	}

	.form-section .form-item .label {
		flex-basis: 3em;
		white-space: nowrap;
	}

	.form-section .hyphen {
		display: flex;
		align-items: center;
	}

	.form-section .hyphen > * {
		margin-right: 4px;
	}

	.form-section .hyphen > * .form-input {
		width: 4em;
	}

	.form-section .select-list {
		margin-top: 12px;
	}

	.form-section .select-list li {
		display: block;
		margin-bottom: 14px;
		font-size: 1.1rem;
	}

	.form-section .select-list li.into-input {
		margin-top: -10px;
	}

	.form-section .select-list li .search-engine {
		position: relative;
		margin-top: 5px;
		padding-left: 9em;
	}

	.form-section .select-list li .search-engine span {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 1em;
		margin: auto;
	}

	.form-section .select-list li .search-engine .checkbox {
		width: 10em;
		margin: 5px 0;
	}

	.form-section .checkbox {
		font-size: 1.1rem;
	}

	.form-section .eula-box {
		display: inline-block;
		overflow: auto;
		width: 100%;
		height: 215px;
		margin-top: 30px;
		border: none;
		border-radius: 5px;
		background: #f5f5f5;
		box-shadow: 1px 1px rgba(0, 0, 0, 0.1) inset;
		-webkit-overflow-scrolling: touch;
	}

	.form-section .eula-box iframe {
		width: 100%;
		height: 215px;
	}

	.form-section .utype td {
		padding-top: 15px;
	}

	.form-section .serial {
		vertical-align: top;
	}

	.form-section .serial p {
		font-size: 1rem;
	}

	.form-section .serial .label {
		top: 8px;
		bottom: auto;
	}

	.form-section .serial-no {
		position: relative;
	}

	.form-section .serial-no span {
		display: block;
		position: absolute;
		top: 12px;
		left: 0;
	}

	.form-section .serial-no input {
		width: auto;
		margin-left: 1.5em;
	}

	.grecaptcha-badge {
		bottom: 50px !important;
	}

}