@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

/* <!-- @font-face {
font-family: 'NJK-Bold';
src: url("../jobuddy/assets/fonts/NotoSansCJKjp-Bold.ttf") format('truetype');
}

@font-face {
font-family: 'NJK-Regular';
src: url("../jobuddy/assets/fonts/NotoSansCJKjp-Regular.ttf") format('truetype');
}
font-family: 'Hiragino6';
font-family: 'Hiragino';
@font-face {
font-family: 'NJK-Medium';
src: url("../jobuddy/assets/fonts/NotoSansCJKjp-Medium.ttf") format('truetype');
} --> */

body {
	padding: 0;
	margin: 0;
	background-color: #E8E8E8;
}

.jobuddy-form {
	font-family: "NotoSansCJKJP";
	position: relative;
	padding: 130px 0 64px 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 13px;
	background-color: #E8E8E8;
	overflow: hidden;
	min-height: calc(100vh - 235px);
}

.jobuddy-form * {
	position: relative;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.jobuddy-form p:empty {
	display: none !important;
}

.jobuddy-form .pc-br {
	display: none;
}

.jobuddy-form .sp-br {
	display: inline;
}

.jobuddy-form .inner-form {
	width: 100%;
	max-width: 832px;
	padding: 0 16px;
	margin: 0 auto;
}

.jobuddy-form .title {
	margin-bottom: 36px;
}

.jobuddy-form .title .text {
	color: #203842;
	font-size: 32px;
	line-height: 54px;
	text-align: center;
	letter-spacing: 0.8px;
	font-family: 'NJK-Bold';
}

.jobuddy-form .box {
	background-color: #fff;
	border-radius: 12px;
	padding: 40px 24px 40px 24px;
}

.jobuddy-form .box .box-inner {
	max-width: 480px;
	margin: 0 auto;
}

.jobuddy-form .box .title-box {
	color: #203842;
	font-size: 16px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.3px;
	margin-bottom: 27px;
	font-family: 'NJK-Bold';
}

.jobuddy-form .box .line {
	margin-bottom: 24px;
}

.jobuddy-form .box .line label {
	color: #203842;
	font-size: 16px;
	letter-spacing: 0.3px;
	margin-bottom: 7px;
	display: block;
	font-family: 'NJK-Bold';
}

.jobuddy-form .box .line label .require {
	font-size: 13px;
	color: #B5372C;
	width: 48px;
	height: 24px;
	line-height: 24px;
	background-color: #FFEBEA;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
	margin-right: 12px;
	top: -2px;
	font-family: 'NJK-Regular';
}


.jobuddy-form .box .line .group .single {
	width: 100%;
}

.jobuddy-form .box .line .group .single+.single {
	margin-top: 12px;
}

.jobuddy-form .box:has(.mw_wp_form_confirm) .line .group .single+.single {
	margin-top: 0;
}

.jobuddy-form .box:has(.mw_wp_form_confirm) .line .group {
	display: flex;
	gap: 0 20px;
}

.jobuddy-form .box .line input,
.jobuddy-form .box .line textarea,
.jobuddy-form .box .line select {
	font-size: 14px;
	height: 40px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #CCCCCC;
	box-shadow: none !important;
	background-color: #FAFAFA;
	color: #203842;
	padding: 12px 11px 11px 11px;
	letter-spacing: 0.4px;
	line-height: 21px;
	font-family: 'NJK-Regular';
}

.jobuddy-form .box .line select {
	padding-left: 7px;
}

.jobuddy-form .box .line input::placeholder,
.jobuddy-form .box .line textarea::placeholder{
	color: #838383;
}

.jobuddy-form input:focus,
.jobuddy-form select:focus,
.jobuddy-form textarea:focus,
.jobuddy-form button:focus {
	outline: none;
}

.jobuddy-form .box .line textarea {
	min-height: 202px;
	max-width: 100%;
}

.jobuddy-form .box .line .error {
	display: block;
	font-size: 12px;
	color: #B5372C;
	letter-spacing: 0.4px;
	margin-top: 12px;
	left: 2px;
	font-family: 'NJK-Regular';
}

.jobuddy-form .box .accept {
	border-radius: 4px;
	height: 56px;
	background-color: #E8E8E8;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	margin-bottom: 32px;
}

.jobuddy-form .box .accept .privacy {
	font-size: 14px;
	letter-spacing: 0.4px;
	left: 2px;
	top: 2px;
	font-family: 'NJK-Regular';
}

.jobuddy-form .box .accept .privacy a{
	color: #00BC50;
	text-decoration: none;
}

.jobuddy-form .box .accept .error{
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: auto;
	transform: translateX(-100%);
}

.jobuddy-form .box .accept:has(.error) .privacy{
	top: -8px;
}

.jobuddy-form .box .submit{
	display: flex;
	justify-content: center;
	gap: 0 30px;
}

.jobuddy-form .box .submit .btn-submit {
	max-width: 286px;
	height: 64px;
	border-radius: 99px;
	line-height: 64px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	border: 0;
	background-color: #FF5321;
	width: 100%;
	display: block;
	opacity: 1;
	transition: all 0.3s;
	font-family: 'Hiragino6';
}

.jobuddy-form .box .submit .btn-submit:hover{
	opacity: 0.7;
}

.jobuddy-form .box .mw_wp_form_confirm .line label .require,
.jobuddy-form .box .mw_wp_form_confirm .accept,
.jobuddy-form .box .accept .mwform-checkbox-field-text{
	display: none;
}

.jobuddy-form .box .mw_wp_form_confirm .line .group .single {
	font-family: "NotoSansCJKJP";
	font-size: 14px;
	width: auto;
}
.jobuddy-form .box .accept input[type='checkbox'] {
	position: relative;
	border: 1px solid #CCCCCC;
	border-radius: 1px;
	background: #FAFAFA;
	cursor: pointer;
	line-height: 0;
	margin: 0 10px 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 16px;
	width: 16px;
	-webkit-appearance: none;
}

.jobuddy-form .box .accept input[type='checkbox']:checked:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 4px;
	height: 10px;
	border: solid #00BC50;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
}

#download-form.jobuddy-form .box .submit .btn-submit {
	background-color: #0B80E0;
}

.jobuddy-form .box:has(.mw_wp_form_complete){
	padding: 0;
	background-color: transparent;
}


.jobuddy-form .box .title-thank {
	color: #203842;
	font-size: 16px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.3px;
	margin-bottom: 30px;
	font-family: 'NJK-Bold';
}

.jobuddy-form .box .row-thank{
	display: flex;
	margin-bottom: 30px;
	justify-content: center;
	align-items: center;
	gap: 0 20px ;
}

.jobuddy-form .box .row-thank .desc .text{
	color: #4A4C5D;
	font-size: 30px;
}

.jobuddy-form .box .row-thank .img{
	max-width: 120px;
}

.jobuddy-form .box .link-back {
	max-width: 286px;
	height: 64px;
	border-radius: 99px;
	line-height: 64px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	border: 0;
	background-color: #05BC50;
	width: 100%;
	display: block;
	margin: 0 auto;
	opacity: 1;
	transition: all 0.3s;
	font-family: 'Hiragino6';
}

.jobuddy-form .box .link-back:hover{
	opacity: 0.7;
}

.jobuddy-form .box .download-item{
	margin-bottom: 25px;
}

.jobuddy-form .box .download-item .mwform-checkbox-field {
	display: block;
	margin-left: 0;
	margin-bottom: 7px;
	font-size: 14px;
}

.jobuddy-form .box .download-item input[type='checkbox'] {
	position: relative;
	border: 1px solid #CCCCCC;
	border-radius: 1px;
	background: #FAFAFA;
	cursor: pointer;
	line-height: 0;
	margin: 0 10px 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 16px;
	width: 16px;
	-webkit-appearance: none;
	top: -2px;
}

.jobuddy-form .box .download-item input[type='checkbox']:checked:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 4px;
	height: 10px;
	border: solid #00BC50;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
}



@media print, screen and (min-width: 768px) {

	.jobuddy-form .sp-br {
		display: none;
	}

	.jobuddy-form .pc-br {
		display: inline;
	}

	.jobuddy-form {
		padding: 167px 0 120px 0;
	}

	.jobuddy-form .title {
		margin-bottom: 69px;
	}

	.jobuddy-form .title .text {
		font-size: 48px;
	}

	.jobuddy-form .box {
		padding: 63px 24px 65px 24px;
	}

	.jobuddy-form .box .title-box {
		font-size: 18px;
		line-height: 31px;
		letter-spacing: 0.3px;
		margin-bottom: 27px;
	}

	.jobuddy-form .box .line .group {
		display: flex;
		gap: 0 20px;
	}

	.jobuddy-form .box .line .group .single+.single {
		margin-top: 0;
	}

	.jobuddy-form .box .accept {
		height: auto;
		background-color: initial;
	}
	.jobuddy-form .box .accept .error{
		bottom: -11px;
	}

	.jobuddy-form .box .title-thank {
		font-size: 18px;
		line-height: 31px;
		margin-bottom: 45px;
	}

	.jobuddy-form .box .row-thank .img {
		max-width: 170px;
	}

	.jobuddy-form .box .row-thank .desc .text {
		font-size: 40px;
	}

	.jobuddy-form .box .download-item {
		display: grid;
		grid-template-columns: repeat(3, max-content);
		gap: 0 30px;
	}
	
	.jobuddy-form .box .download-item label,
	.jobuddy-form .box .download-item .mwform-checkbox-field{
		margin-bottom: 0;
	}
}