/*.contact-box お問い合わせ
----------------------------------------*/

/*.form
----------------------------------------*/
@layer component {
	#mfp_hidden {
		display: none;
	}
	#mfp_err {
		padding: 10px;
		color: red;
		background: #ffdfdf;
	}
	.mfp_err {
		color: red;
	}
	#mfp_phase_confirm_inner h4 {
		font-size: 1.25rem;
		margin-bottom: 15px;
	}
	#mfp_phase_confirm_inner table {
		width: 100%;
		margin-bottom: 60px;
	}
	#mfp_phase_confirm_inner table th,
	#mfp_phase_confirm_inner table td {
		padding: 15px 0;
		text-align: left;
	}
	#mfp_phase_confirm_inner table th {
		width: 30%;
		padding-right: 10px;
	}
	.form dl dt {
		font-size: 1rem;
		line-height: 2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 37%;
		padding-right: 30px;
	}
	.form dl dt .req-label {
		font-size: 0.875rem;
		line-height: 30px;
		display: inline-block;
		padding: 0 10px;
		color: white;
		background: #fab90a;
	}
	.form dl dd {
		width: 63%;
		text-align: left;
	}
	.form dl dd select,
	.form dl dd textarea,
	.form dl dd input {
		font-size: 0.9375rem;
		width: 100%;
		padding: 7px;
		border: 1px solid #dedede;
	}
	.form dl dd select.problem,
	.form dl dd textarea.problem,
	.form dl dd input.problem {
		border: 1px solid red;
	}
	.form dl dd .checkbox span {
		display: block;
		margin-bottom: 20px;
	}
	.form dl dd .checkbox span label {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-align: center;
	}
	.form dl dd .checkbox span input[type="checkbox"] {
		display: none;
	}
	.form dl dd .checkbox span input[type="checkbox"] + input + label:before,
	.form dl dd .checkbox span input[type="checkbox"] + label:before {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 19px;
		height: 19px;
		margin-right: 8px;
		content: "";
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.form dl dd .checkbox span input[type="checkbox"]:checked + input + label:before,
	.form dl dd .checkbox span input[type="checkbox"]:checked + label:before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnOODg+OCr+OCuSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIGlkPSLplbfmlrnlvaJfODgzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA4ODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3IC0yMzI2KSI+DQogICAgICA8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDEuODE4IDQyMDMuNzMyKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAwNjRiMyIvPg0KICAgICAgPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MS44OSA0MTk5LjQ5KSByb3RhdGUoNDUpIiBmaWxsPSIjMDA2NGIzIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
	}
	/*.submit-box
----------------------------------------*/
	.submit-box {
		text-align: center;
	}
	.submit-box .ttl {
		font-size: 0.9375rem;
		font-weight: bold;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 25px;
		color: black;
	}
	.submit-box .ttl span {
		border-bottom: 6px solid #fab90a;
	}
	.submit-box .ttl:before,
	.submit-box .ttl:after {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 0;
		height: 30px;
		content: "";
		border-right: 1px solid #000;
	}
	.submit-box .ttl:before {
		margin-right: 22px;
		-webkit-transform: rotate(-40deg);
		transform: rotate(-40deg);
	}
	.submit-box .ttl:after {
		margin-left: 22px;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg);
	}
	.submit-box .agree {
		margin-bottom: 40px;
	}
	.submit-box .agree {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.submit-box .agree .req-label {
		font-size: 0.875rem;
		line-height: 30px;
		display: inline-block;
		margin-right: 20px;
		padding: 0 10px;
		color: white;
		background: #fab90a;
	}
	.submit-box .agree .mfp_err {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		text-align: center;
		color: red;
	}
	.submit-box .agree label {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-align: center;
	}
	.submit-box .agree input[type="checkbox"] {
		display: none;
	}
	.submit-box .agree input[type="checkbox"] + input + label:before,
	.submit-box .agree input[type="checkbox"] + label:before {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 19px;
		height: 19px;
		margin-right: 8px;
		content: "";
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.submit-box .agree input[type="checkbox"]:checked + input + label:before,
	.submit-box .agree input[type="checkbox"]:checked + label:before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4NCiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnOODg+OCr+OCuSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MiAtMTg2OSkiPg0KICAgIDxnIGlkPSLplbfmlrnlvaJfODgzIiBkYXRhLW5hbWU9IumVt+aWueW9oiA4ODMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1MiAxODY5KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGVkZWRlIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg3IC0yMzI2KSI+DQogICAgICA8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDEuODE4IDQyMDMuNzMyKSByb3RhdGUoLTQ1KSIgZmlsbD0iIzAwNjRiMyIvPg0KICAgICAgPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MS44OSA0MTk5LjQ5KSByb3RhdGUoNDUpIiBmaWxsPSIjMDA2NGIzIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
	}
}