@charset "UTF-8";

/* ---------------------------------------------
	Form Header
--------------------------------------------- */
@media screen and (min-width: 768px) {
	.c-form__header {
		margin-top: 2%;
	}
	.c-form__header__icon {
		margin-left: 0;
		margin-right: 4%;
		transform: translateY(7%);
	}
	.c-form__header .c-head__m {
		font-size: 24px;
		margin-bottom: 0.8em;
		padding-top: 0.3em;
		letter-spacing: 0.06em;
	}
	.c-form__header .c-form__header__txt {
		font-size: 16px;
	}
}
@media screen and (max-width: 767.98px) {
	.c-form__header__icon {
		width: 11.5vw;
	}
}

/* ---------------------------------------------
	Form Base
--------------------------------------------- */

@media screen and (min-width: 1000px) {
	.c-form .c-form-row--name dd input[type="text"] {
		max-width: none;
	}
	.c-form .c-form-row--industry input[type="text"] {
		max-width: 270px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999.98px) {
	.c-form .c-form-row--industry input[type="text"] {
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) {
	.c-form {
		margin-top: 67px;
	}
	.c-form .c-form-row--radio dd label {
		font-size: 16px;
		font-weight: bold;
	}
	.c-form input[type="radio"] {
		border-color: #a0a0a0;
		background-color: #cbcbcb;
	}
	.c-form .c-form-row--company {
		align-items: flex-start;
	}
	.c-form .c-form-row--company dt {
		padding-top: 0.5em;
	}
	.c-form .c-form-row--company .c-form-note {
		font-size: 14px;
		margin-top: 0.8em;
		margin-bottom: 0.6em;
		font-weight: 300;
	}
}

@media screen and (max-width: 767.98px) {
	.c-form .c-form-row--company .c-form-note {
		font-size: 1.96vw;
		margin-top: 1em;
	}
}

/* ---------------------------------------------
  Form -- confirm
--------------------------------------------- */
.p-confirm__content > div > label {
	background-color: #003352;
	color: #fff;
	font-size: 16px;
	height: 3em;
	line-height: 1;
	padding: 1em 1.2em;
	width: 100%;
}
.p-confirm__content > div > p {
	border: 1px solid #000;
	height: auto;
	min-height: 3em;
	padding: 1em;
	width: 100%;
}

.c-button__area {
	display: flex;
	flex-flow: column wrap;
	height: auto;
	justify-content: space-between;
	margin: 20px auto;
	width: 100%;
}

.c-button__area button.u-hvr--rectout,
.c-button__area button.u-hvr--rectout2 {
	font-size: 16px;
	font-weight: 600;
	height: 4em;
	margin: 20px auto;
	line-height: 0.8;
	padding: 1em;
	width: 60vw;
}

.c-button__area button.u-hvr--rectout {
	background-color: #003352;
	color: #fff;
	border: 1px solid #003352;
}

.c-button__area button.u-hvr--rectout[type="submit"]:hover {
	background-color: #000;
	opacity: 1;
}

.c-button__area button.u-hvr--rectout2 {
	background-color: #ccc;
	color: #333;
	border: 1px solid #ccc !important;
}

.c-button__area button.u-hvr--rectout2:hover {
	background-color: #333;
	color: #fff;
}

@media all and (max-width: 480px) {
	.c-button__area button.u-hvr--rectout,
	.c-button__area button.u-hvr--rectout2 {
		font-size: 12px;
	}
}
@media screen and (min-width: 600px) {
	.c-button__area {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		max-width: 580px;
		margin: 40px auto 0;
	}
	.c-button__area button.u-hvr--rectout,
	.c-button__area button.u-hvr--rectout2 {
		margin-left: 0;
		margin-right: 0;
		max-width: 260px;
		width: 35vw;
	}
}