.hs-form-required {
			width: 0;
			height: 0;
			font-size: 0;
			position: relative;
			top: -2px;
		}

		.hs-error-msg {
			color: #d0121b;
			font-size: 1.2rem !important;
		}

		.hs-form-required:after {
			content: "必須";
			display: inline-block;
			vertical-align: middle;
			background: #00a28e;
			color: #fff;
			font-size: 1rem;
			line-height: 1;
			font-weight: 700;
			padding: 3px 4px;
			margin: 0 0 0 0.5em;
			-webkit-transform: translate(0,-1px);
			-ms-transform: translate(0,-1px);
			transform: translate(0,-1px);
		}

		.hbspt-form fieldset {
			margin: 0 auto;
			max-width: 600px;
		}

		.hbspt-form fieldset:not(:first-child) {
			border-top: 1px solid #f2f2f2;
	    	padding: 15px 0 10px;
		}

		.hbspt-form fieldset .hs-main-font-element {
			font-weight: bold;
			font-size: 1.3rem;
		}


		.hbspt-form .field div.input {
			margin-top: 10px;
			margin-right: 0;
			font-size: 1.4rem;
		}

		.hbspt-form .field > label {
			font-weight: bold;
			font-size: 1.3rem;
			padding-bottom: 10px;
		}

		.hbspt-form .field .hs-input {
			width: 100% !important;
		}

		.hbspt-form .field .hs-input[type=checkbox] {
			width: 0 !important;
		}

		.hbspt-form .field select {
			background: url(https://work-and-wonder.com/common/images/form/select_arrow.png) no-repeat right center;
			background-size: 18px;
			padding: 15px;
			border: 1px solid #ddd;
			font-size: 1.4rem;
		}

		.hbspt-form .field .multi-container {
			display: flex;
			flex-wrap: wrap;
		}

		.hbspt-form .field .multi-container input + span {
			font-size: 1.4rem;
		}

		.hbspt-form .field label.hs-form-checkbox-display,
		.hbspt-form .field label.hs-form-booleancheckbox-display {
			width: auto;
			display: inline-block;
			position: relative;
			padding-left: 26px;
			padding-right: 35px;
			margin-left: 0;
			font-weight: normal;
			position: relative;
}

		.hbspt-form .field label.hs-form-checkbox-display input[type=checkbox] + span:before,
		.hbspt-form .field label.hs-form-booleancheckbox-display input[type=checkbox] + span:before {
			content: "";
			display: block;
			width: 16px;
			height: 16px;
			background: #fff;
			border: 2px solid #ddd;
			position: absolute;
			left: 0;
			top: 4px;
		}

		.hbspt-form .field label.hs-form-checkbox-display input[type=checkbox]:checked + span:after,
		.hbspt-form .field label.hs-form-booleancheckbox-display input[type=checkbox]:checked + span:after {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			background: #00a28e;
			margin-top: -5px;
			position: absolute;
			left: 5px;
			top: 14px;
		}

		@media (min-width: 1001px) {
			ul.hs-error-msgs {
				padding: 10px 0 0 200px;
			}


			.hbspt-form .field label.hs-form-checkbox-display input[type=checkbox] + span:before,
			.hbspt-form .field label.hs-form-booleancheckbox-display input[type=checkbox] + span:before {
				top: 0;
			}

			.hbspt-form .field label.hs-form-checkbox-display input[type=checkbox]:checked + span:after,
			.hbspt-form .field label.hs-form-booleancheckbox-display input[type=checkbox]:checked + span:after {
				top: 10px;
			}
		}

		.hbspt-form .field label.hs-form-booleancheckbox-display span {
			margin-left: 0;
		}

		.hbspt-form .field label.hs-form-booleancheckbox-display p {
			font-size: 1.4rem;
		}

		.hbspt-form .field label.hs-form-booleancheckbox-display p a {
			text-decoration: underline;
		}

		.hbspt-form .actions {
			text-align: center;
		}

		.hbspt-form .actions input.hs-button {
			color: #fff;
			border: 1px solid #000;
			font-size: 1em;
			background-image: none;
			background-color: #000;
			padding: 1em 3em;
			width: 200px;
			margin-top: 20px;
		}

		@media (min-width: 1001px) {
			.hbspt-form fieldset {
				width: 100%;
				max-width: inherit;
			}

			.hbspt-form .field div.input {
				padding-left: 200px;
			}

			.hbspt-form .field {
				position: relative;
			}

			.hbspt-form .field > label {
				position: absolute;
				top: 50%;
				left: 0;
				transform: translate(0, -10px);
			}

			.hbspt-form .actions input.hs-button {	
				width: 240px;
				margin-top: 50px;
				padding: 1.5em 3em;
			}

			.hbspt-form .actions input.hs-button:hover {	
				background-color: #00a28e;
				border-color: #00a28e;
			}
		}


/*氏名*/
		.hbspt-form fieldset.form-columns-2 { 
			border-top: none;
			margin-top: 0;
			padding-top: 0;
		}

		.hbspt-form fieldset.form-columns-2 .field {
			width: calc(50% - 12px);
			margin-right: 10px;
		} 

		.hbspt-form fieldset.form-columns-2 .field + .field {
			margin-top: 10px;
		}

		@media (min-width: 481px) {
			.hbspt-form fieldset.form-columns-2 .field + .field {
				margin-top: 0;
			}
		}

		.hbspt-form fieldset.form-columns-2 .field > label {
			font-weight: normal;
		}

		@media (min-width: 1001px) {
			.hbspt-form fieldset.form-columns-2 {
				padding-left: 200px;
			}

			.hbspt-form fieldset.form-columns-2 .field div.input {
				padding-left: 50px;
			}

			.hbspt-form fieldset.form-columns-2 .field > label {
				top: 22px;
				transform: translate(0);
			}

			fieldset.form-columns-0 {
				position: relative;
				height: 1px;
				font-size: 0;
				padding-top: 10px;
			}

			fieldset.form-columns-0 .hs-main-font-element {
				position: absolute;
				top: 40px;
				left: 0;
			}

			.hbspt-form fieldset.form-columns-2 ul.hs-error-msgs {
				padding-left: 50px;
			}
		}


/*お問い合わせ内容*/
		.hbspt-form fieldset .hs-dependent-field div + div {
			margin-top: 30px;
		} 

		@media (min-width: 1001px) {
			.hbspt-form fieldset .hs-dependent-field {
			}

			.hbspt-form .hs_contact_type.field > label ,
			.hbspt-form .hs_waw_remarks.field > label {
				transform: translate(0, -9px);
			}

		}


.hs-field-desc {
	background-color: #f5f5f5;
	padding: 1em;
}	

@media (min-width: 1001px) {
	.hs-field-desc {
		width:calc(100% - 200px) !important; 
		padding: 1.5em;
		margin-left: 200px;
	}	
}