@charset "utf-8";


#price {
	margin: 60px 0 70px;
	font-family: 'Noto Sans JP','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#price .price-heading {
    text-align: center;
	margin-bottom: 20px;
}

#price .price-heading .title {
	color: #171069;
	font-size: 4.0rem;
	font-weight: 700;
    text-align: center;
}

#price .price-heading .content-title {
	color: #171069;
	font-size: 3.2rem;
	font-weight: 700;
    text-align: center;
}

#price .price-plan {
	margin-bottom: 20px;
	padding: 0 20px;
}

#price .price-plan > * > *:last-child {
	margin-bottom: 0!important;
}

#price .price-plan .point-blocks {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 30px;
	margin: 78px auto 36px;
}

#price .price-plan .point-blocks .point-block {
	color: #171069;
	background-color: #3fc64c26;
	width: calc((100% / 2) - (30px / 2));
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 36px;
	border: 3px solid #3fc64c;
	border-radius: 8px;
}

#price .price-plan .point-blocks .point-block .point-text {
	font-size: 3.2rem;
	font-weight: 700;
}

#price .price-plan .point-blocks .point-block .point-list {
	width: 100%;
	position: relative;
}

#price .price-plan .point-blocks .point-block .point-list > li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	font-size: 2.4rem;
	font-weight: 500;
	position: relative;
}

#price .price-plan .point-blocks .point-block .point-list > li::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 27"><rect x="0.212891" y="0.162354" width="26" height="26" rx="4" fill="%233FC64C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2615 7.38202C21.53 7.67492 21.53 8.14979 21.2615 8.44268L11.6365 18.9427C11.368 19.2356 10.9327 19.2356 10.6643 18.9427L5.85175 13.6927C5.58327 13.3998 5.58327 12.9249 5.85175 12.632C6.12024 12.3391 6.55554 12.3391 6.82403 12.632L11.1504 17.3517L20.2893 7.38202C20.5577 7.08913 20.993 7.08913 21.2615 7.38202Z" fill="%23ffffff"/></svg>') no-repeat center center;
	background-size: 100% auto;	
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
	flex: 0 0 auto;
}

#price .price-plan .plan-block {
	position: relative;
}

#price .price-plan .plan-block .plan-copy {
	color: #000000cc;
	background-color: #fdf0f0ab;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	min-width: 210px;
	height: 88px;
	margin-bottom: 18px;
	margin-left: auto;
	padding: 12px;
	border: 8px solid #ea696c;
	border-radius: 14px;
	position: relative;
}

#price .price-plan .plan-block .plan-copy::before {
	content: "";
	width: 44px;
	height: 10px;
	border: 22px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 14px;
	border-top-color: #fef5f5;
	border-left-color: #fef5f5;
	border-radius: 3px;
	position: absolute;
	left: 31px;
	bottom: -12px;
	box-sizing: border-box;
	z-index: 3;
}

#price .price-plan .plan-block .plan-copy::after {
	content: "";
	width: 40px;
	height: 20px;
	border: 28px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 16px;
	border-top-color: #ea696c;
	border-left-color: #ea696c;
	border-radius: 6px;
	left: 23px;
	bottom: -26px;
	box-sizing: border-box;
	position: absolute;
	z-index: 2;
}

#price .price-plan .plan-block .plan-copy .plan-copy-text {
	color: #000000cc;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	width: fit-content;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

#price .price-plan .plan-block .plan-item {
	color: #000000cc;
	background-color: #ea696c1a;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
}

#price .price-plan .plan-block .plan-item .plan-head {
	color: #ffffff;
	background-color: #ea696c;
	font-size: 3.2rem;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 76px;
	padding: 6px 10px 10px;
}

#price .price-plan .plan-block .plan-item .plan-head .plan-name {
	font-size: 1.6rem;
	font-weight: 700;
}

#price .price-plan .plan-block .plan-item .plan-body {
	padding: 22px 10px;
	min-height: 160px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

#price .price-plan .plan-block .plan-item .plan-summary {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

#price .price-plan .plan-block .plan-item .plan-price {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
}

#price .price-plan .plan-block .plan-item .plan-price.price-free {
	font-size: 4.8rem;
}

#price .price-plan .plan-block.plan-basic {
	margin: 36px auto 180px;
	position: relative;
}

#price .price-plan .plan-block.plan-basic::after {
	background: url("../../images/employer/price/svg/icon_plus.svg") no-repeat center center;
	background-size: 100% auto;
	content: "";
	position: absolute;
	bottom: -126px;
	left: 50%;
	transform: translateX(-50%);
	width: 75px;
	height: 75px;
}

#price .price-plan .plan-block.plan-basic .plan-copy {
	background-color: #ffffff;
	border-color: #ffbe00;
}

#price .price-plan .plan-block.plan-basic .plan-copy::before {
	border-top-color: #ffffff;
	border-left-color: #ffffff;
}

#price .price-plan .plan-block.plan-basic .plan-copy::after {
	border-top-color: #ffbe00;
	border-left-color: #ffbe00;
}

#price .price-plan .plan-block.plan-basic .plan-item {
	background-color: #ebc0541a;
}

#price .price-plan .plan-block.plan-basic .plan-item .plan-head {
	background-color: #ffbe00;
}

#price .plan-image {
	text-align: center;
	margin: 40px auto;
}

#price .plan-image img {
	width: auto;
	max-width: 100%;
}

#price .plan-images {
	text-align: center;
	margin: 54px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 120px;
}

#price .plan-images > * {
	margin: 0!important;
}

#price .price-notice {
	margin: 35px 0 0;
	padding: 0 20px 136px;
}

#price .price-notice > *[class^="inner"] {
	background-image: repeating-linear-gradient(90deg, #7b7a7a, #7b7a7a 10px, transparent 10px, transparent 20px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	padding-top: 52px;
	position: relative;
}

#price .notice {
	font-size: 1.8rem;
	font-weight: 400;
}

#price .notices {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 35px;
	margin-top: 25px;
}

#price .cv {
	background: #33a8ed url("../../images/employer/price/bg_cv.png") no-repeat center center;
	background-size: auto 100%;
	padding: 40px 0 50px;
	position: relative;
	overflow: hidden;
}

#price .cv::before,
#price .cv::after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: calc(50% - 700px);
	height: 100%;
}

#price .cv::before {
	background-color: #15b7f8;
	right: calc(50% + 700px);
}

#price .cv::after {
	background-color: #1991ec;
	left: calc(50% + 700px);
}

#price .cv .cv-area {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
}

#price .cv .cv-area .cv-head {
	position: relative;
	text-align: center;
	margin-bottom: 34px;
}

#price .cv .cv-area .cv-body {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 10px;
	margin-left: auto;
}

#price .cv .cv-area .cv-body::after {
	background: url("../../images/employer/price/svg/join_badge.svg") no-repeat center center;
	background-size: 100% auto;
	content: "";
	width: 125px;
	height: 125px;
	position: absolute;
	right: 0;
	top: -75px;
	z-index: 3;
}

#price .cv .cv-area .cv-image {
	width: 232px;
	margin-right: 30px;
	position: relative;
}

#price .cv .cv-area .cv-image img {
	width: 100%;
}

#price .cv .cv-area .cv-lead {
	color: #ffbe00;
	font-size: 3.2rem;
	font-weight: 500;
}

#price .cv .cv-area .cv-copy {
	color: #ffffff;
	font-size: 5.8rem;
	font-weight: 700;
	letter-spacing: -0.015em;
}

#price .cv .cv-area .cv-button-area {
	width: max-content;
}

#price .cv .cv-area .cv-button-area > *:first-child {
	margin-top: 0!important;
}

#price .cv .cv-area .cv-button-area .cv-button {
	width: 100%;
	margin: 30px auto 0;
}

#price .cv .cv-area .cv-button-area .cv-button > a {
	color: #ffffff;
	background-color: #ea696c;
	border: 4px solid #ea696c;
	border-radius: 10px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: relative;
	padding: 18px 23px;
	text-decoration: none;
}

#price .cv .cv-area .cv-button-area .cv-button:nth-child(even) > a {
	background-color: #ffbe00;
	border-color: #ffbe00;
}

#price .cv .cv-area .cv-button-area .cv-button.-balloon {
	position: relative;
}

#price .cv .cv-area .cv-button-area .cv-button.-balloon::before {
	background: url("../../images/employer/price/svg/cv_ballon_check.svg") no-repeat left top;
	background-size: 100% auto;
	content: "";
	position: absolute;
	top: -85px;
	left: 240px;
	width: 120px;
	height: 96px;
	z-index: 2;
}

#price .cv .cv-area .cv-button-area .cv-button > a::before {
	content: "";
	background-image: url("../../images/employer/price/svg/icon_join02.svg");
	filter: brightness(0) saturate(100%) invert(90%) sepia(100%) saturate(0%) hue-rotate(182deg) brightness(111%) contrast(97%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 40px;
	height: 40px;
	overflow: hidden;
	flex: 0 1 auto;
}

#price .cv .cv-area .cv-button-area .cv-button.-tel > a::before {
	background-image: url("../../images/employer/price/svg/icon_phone.svg");
}

#price .cv .cv-area .cv-button-area .cv-button > a .button-text {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: left;
	text-shadow: 0 4px 4px #00000026;
	flex: 0 1 auto;
}

#price .cv .cv-area .cv-button-area .cv-buttons {
	display: flex;
	width: 100%;
	gap: 40px;
	justify-content: flex-start;
	margin: 0;
}

#price .cv .cv-area .cv-button-area .cv-buttons > .cv-button {
	margin: 0;
	max-width: max-content;
}

#price .brochure {
	margin-bottom: 60px;
	padding-top: 40px;
}

#price .brochure .title {
	margin-bottom: 50px;
	font-size: 40px;
	text-align: center;
	line-height: 1.2;
}

#price .brochure input {
    margin: 0;
}

#price .brochure #errorSuccess{
    height: auto;
    padding: 0;
    font-size: inherit;
    margin-bottom: 0;
}

.modal, .modal-background {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.modal {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	align-items: center;
	display: none;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	position: fixed;
	z-index: 40;
	box-sizing: border-box;
}

.modal.is-active {
	display: flex
}

.modal-background {
	background-color: rgba(10, 10, 10, .86);
	z-index: 1;
}

.modal-card {
	margin: 0 auto;
	max-height: calc(100vh - 40px);
	overflow: auto;
	position: relative;
	width: 372px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.modal-class {
	width: 30%;
	z-index: 1000;
	overflow: visible
}

#popup-modal {
	z-index: 10000;
}

#popup-modal .popup-modal-card {
	background-color: #ffffff;
	border-radius: 10px;
	width: 372px;
	position: relative;
}
#popup-modal .pop-up-modal-content {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	font-weight: 500;
	text-align: center;
	padding: 38px 0 30px;
}

#popup-modal #modal-close {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	transform: rotate(45deg);
	cursor: pointer;
}
#popup-modal #modal-close::before,
#popup-modal #modal-close::after {
	background-color: #606060;
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#popup-modal #modal-close::after {
	width: 2px;
	height: 200%;
}

#popup-modal .tel-no {
	color: #33a8ed;
	font-size: 32px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 11px auto 15px;
	position: relative;
}

#popup-modal .tel-no::before {
	background: url("../../images/employer/price/svg/icon_tel.svg") no-repeat center center;
	background-size: 100% auto;
	content: "";
	position: relative;
	width: 42px;
	height: 42px;
}

@media screen and (min-width: 751px) {
	#price .cv .cv-area .cv-button-area .cv-button > a:hover {
		color: #ea696c;
		background-color: #ffffff;
		opacity: 1;
	}

	#price .cv .cv-area .cv-button-area .cv-button:nth-child(even) > a:hover {
		color: #ffbe00;
	}

	#price .cv .cv-area .cv-button-area .cv-button > a:hover::before {
		filter: brightness(0) saturate(100%) invert(39%) sepia(67%) saturate(1152%) hue-rotate(322deg) brightness(124%) contrast(84%);
	}

	#price .cv .cv-area .cv-button-area .cv-button:nth-child(even) > a:hover::before {
		filter: brightness(0) saturate(100%) invert(71%) sepia(55%) saturate(951%) hue-rotate(358deg) brightness(99%) contrast(107%);
	}
}

@media screen and (min-width: 751px) and (max-width: 999px) {
	#price {
		margin: calc(60 / 999 * 100vw) 0 calc(70 / 999 * 100vw);
	}

	#price .price-heading {
		margin-bottom: calc(20 / 999 * 100vw);
	}

	#price .price-heading .title {
		font-size: calc(40 / 999 * 100vw);
	}

	#price .price-heading .content-title {
		font-size: calc(32 / 999 * 100vw);
	}

	#price .price-plan {
		margin-bottom: calc(20 / 999 * 100vw);
		padding: 0 calc(20 / 999 * 100vw);
	}

	#price .price-plan .point-blocks {
		gap: calc(30 / 999 * 100vw);
		margin: calc(78 / 999 * 100vw) auto calc(36 / 999 * 100vw);
	}

	#price .price-plan .point-blocks .point-block {
		width: calc((100% / 2) - ((30 / 999 * 100vw) / 2));
		padding: calc(10 / 999 * 100vw) calc(36 / 999 * 100vw);
		border-width: calc(3 / 999 * 100vw);
		border-radius: calc(8 / 999 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-text {
		font-size: calc(32 / 999 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-list > li {
		gap: calc(10 / 999 * 100vw);
		font-size: calc(24 / 999 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-list > li::before {
		width: calc(26 / 999 * 100vw);
		height: calc(26 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy {
		font-size: calc(16 / 999 * 100vw);
		min-width: calc(210 / 999 * 100vw);
		height: calc(88 / 999 * 100vw);
		margin-bottom: calc(18 / 999 * 100vw);
		padding: calc(12 / 999 * 100vw);
		border-width: calc(8 / 999 * 100vw);
		border-radius: calc(14 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy::before {
		width: calc(44 / 999 * 100vw);
		height: calc(10 / 999 * 100vw);
		border-width: calc(22 / 999 * 100vw);
		border-top-width: calc(10 / 999 * 100vw);
		border-bottom-width: calc(14 / 999 * 100vw);
		border-radius: calc(3 / 999 * 100vw);
		left: calc(31 / 999 * 100vw);
		bottom: calc(-12 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy::after {
		width: calc(40 / 999 * 100vw);
		height: calc(20 / 999 * 100vw);
		border-width: calc(28 / 999 * 100vw);
		border-top-width: calc(10 / 999 * 100vw);
		border-bottom-width: calc(16 / 999 * 100vw);
		border-radius: calc(6 / 999 * 100vw);
		left: calc(23 / 999 * 100vw);
		bottom: calc(-25 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy .plan-copy-text {
		font-size: calc(20 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item {
		border-radius: calc(10 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-head {
		font-size: calc(32 / 999 * 100vw);
		height: calc(76 / 999 * 100vw);
		padding: calc(6 / 999 * 100vw) calc(10 / 999 * 100vw) calc(10 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-head .plan-name {
		font-size: calc(16 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-body {
		padding: calc(22 / 999 * 100vw) calc(10 / 999 * 100vw);
		min-height: calc(160 / 999 * 100vw);
		gap: calc(20 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-summary {
		font-size: calc(24 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-price {
		font-size: calc(32 / 999 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-price.price-free {
		font-size: calc(48 / 999 * 100vw);
	}

	#price .price-plan .plan-block.plan-basic {
		margin: calc(36 / 999 * 100vw) auto calc(180 / 999 * 100vw);
	}

	#price .price-plan .plan-block.plan-basic::after {
		bottom: calc(-126 / 999 * 100vw);
		width: calc(75 / 999 * 100vw);
		height: calc(75 / 999 * 100vw);
	}

	#price .plan-image {
		margin: calc(40 / 999 * 100vw) auto;
	}

	#price .plan-images {
		margin: calc(54 / 999 * 100vw) auto 0;
		gap: calc(120 / 999 * 100vw);
	}

	#price .price-notice {
		margin: calc(35 / 999 * 100vw) 0 0;
		padding: 0 calc(20 / 999 * 100vw) calc(136 / 999 * 100vw);
	}

	#price .price-notice > *[class^="inner"] {
		background-image: repeating-linear-gradient(90deg, #7b7a7a, #7b7a7a calc(10 / 999 * 100vw), transparent calc(10 / 999 * 100vw), transparent calc(20 / 999 * 100vw));
		background-size: 100% calc(1 / 999 * 100vw);
		padding-top: calc(52 / 999 * 100vw);
	}

	#price .notice {
		font-size: calc(18 / 999 * 100vw);
	}

	#price .notices {
		padding: 0 calc(35 / 999 * 100vw);
		margin-top: calc(25 / 999 * 100vw);
	}

	#price .cv {
		padding: calc(40 / 999 * 100vw) 0 calc(50 / 999 * 100vw);
	}

	#price .cv::before,
	#price .cv::after {
		display: none;
	}

	#price .cv .cv-area .cv-head {
		margin-bottom: calc(34 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-body {
		gap: calc(10 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-body::after {
		width: calc(125 / 999 * 100vw);
		height: calc(125 / 999 * 100vw);
		top: calc(-75 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-image {
		width: calc(232 / 999 * 100vw);
		margin-right: calc(30 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-lead {
		font-size: calc(32 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-copy {
		font-size: calc(58 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button {
		margin: calc(30 / 999 * 100vw) auto 0;
	}

	#price .cv .cv-area .cv-button-area .cv-button > a {
		border-width: calc(4 / 999 * 100vw);
		border-radius: calc(10 / 999 * 100vw);
		gap: calc(10 / 999 * 100vw);
		padding: calc(18 / 999 * 100vw) calc(23 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button.-balloon::before {
		top: calc(-85 / 999 * 100vw);
		left: calc(240 / 999 * 100vw);
		width: calc(120 / 999 * 100vw);
		height: calc(96 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button > a::before {
		width: calc(40 / 999 * 100vw);
		height: calc(40 / 999 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button > a .button-text {
		font-size: calc(24 / 999 * 100vw);
		text-shadow: 0 calc(4 / 999 * 100vw) calc(4 / 999 * 100vw) #00000026;
	}

	#price .cv .cv-area .cv-button-area .cv-buttons {
		gap: calc(40 / 999 * 100vw);
	}

	#price .brochure {
		padding-top: calc(40 / 999 * 100vw);
	}
}

@media screen and (max-width: 750px) {

	#price {
		margin: calc(40 / 430 * 100vw) 0;
	}

	#price .price-heading {
		margin-bottom: calc(16 / 430 * 100vw);
	}

	#price .price-heading .title {
		font-size: calc(32 / 430 * 100vw);
	}

	#price .price-heading .content-title {
		font-size: calc(24 / 430 * 100vw);
	}

	#price .price-plan {
		margin-bottom: calc(20 / 430 * 100vw);
		padding: 0 calc(22 / 430 * 100vw);
	}

	#price .price-plan .point-blocks {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(14 / 430 * 100vw);
		margin: calc(65 / 430 * 100vw) auto calc(76 / 430 * 100vw);
	}

	#price .price-plan .point-blocks .point-block {
		width: 100%;
		min-height: calc(144 / 430 * 100vw);
		padding: calc(10 / 430 * 100vw) calc(30 / 430 * 100vw);
		border-width: calc(3 / 430 * 100vw);
		border-radius: calc(8 / 430 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-text {
		font-size: calc(32 / 430 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-list {
		width: max-content;
	}

	#price .price-plan .point-blocks .point-block .point-list > li {
		gap: calc(12 / 430 * 100vw);
		font-size: calc(24 / 430 * 100vw);
	}

	#price .price-plan .point-blocks .point-block .point-list > li::before {
		width: calc(26 / 430 * 100vw);
		height: calc(26 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy {
		font-size: calc(14 / 430 * 100vw);
		min-width: calc(182 / 430 * 100vw);
		height: calc(78 / 430 * 100vw);
		margin-bottom: calc(18 / 430 * 100vw);
		padding: calc(10 / 430 * 100vw) calc(12 / 430 * 100vw);
		border-width: calc(8 / 430 * 100vw);
		border-radius: calc(16 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block .plan-copy::before {
		width: calc(44 / 430 * 100vw);
		height: calc(10 / 430 * 100vw);
		border-width: calc(22 / 430 * 100vw);
		border-top-width: calc(10 / 430 * 100vw);
		border-bottom-width: calc(14 / 430 * 100vw);
		border-radius: calc(3 / 430 * 100vw);
		left: calc(27 / 430 * 100vw);
		bottom: calc(-10 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy::after {
		width: calc(40 / 430 * 100vw);
		height: calc(10 / 430 * 100vw);
		border-width: calc(20 / 430 * 100vw);
		border-top-width: calc(10 / 430 * 100vw);
		border-bottom-width: calc(12 / 430 * 100vw);
		border-radius: calc(6 / 430 * 100vw);
		left: calc(20 / 430 * 100vw);
		bottom: calc(-22 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-copy .plan-copy-text {
		font-size: calc(14 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-item {
		border-radius: calc(10 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-head {
		font-size: calc(24 / 430 * 100vw);
		height: calc(76 / 430 * 100vw);
		padding: calc(6 / 430 * 100vw) calc(10 / 430 * 100vw) calc(10 / 430 * 100vw);
	}

	#price .price-plan .plan-block .plan-item .plan-body {
		padding: calc(22 / 430 * 100vw) calc(10 / 430 * 100vw);
		min-height: calc(165 / 430 * 100vw);
		gap: calc(10 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block .plan-item .plan-summary {
		font-size: calc(24 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block .plan-item .plan-price {
		font-size: calc(32 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block .plan-item .plan-price.price-free {
		font-size: calc(32 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block.plan-basic {
		margin: calc(36 / 430 * 100vw) auto calc(157 / 430 * 100vw);
	}
	
	#price .price-plan .plan-block.plan-basic::after {
		bottom: calc(-112 / 430 * 100vw);
		width: calc(76 / 430 * 100vw);
		height: calc(76 / 430 * 100vw);
	}

	#price .plan-image {
		margin: calc(40 / 430 * 100vw) auto;
	}

	#price .plan-images {
		margin: calc(65 / 430 * 100vw) auto 0;
		gap: calc(60 / 430 * 100vw);
	}

	#price .price-notice {
		margin: calc(35 / 430 * 100vw) 0 0;
		padding: 0 calc(22 / 430 * 100vw) calc(64 / 430 * 100vw);
	}

	#price .price-notice > *[class^="inner"] {
		background-image: repeating-linear-gradient(90deg, #7b7a7a, #7b7a7a calc(10 / 430 * 100vw), transparent calc(10 / 430 * 100vw), transparent calc(20 / 430 * 100vw));
		background-size: 100% calc(1 / 430 * 100vw);
		padding-top: calc(35 / 430 * 100vw);
	}

	#price .notice {
		font-size: calc(14 / 430 * 100vw);
	}

	#price .notices {
		padding: 0;
		margin-top: calc(16 / 430 * 100vw);
	}

	#price .cv {
		background-image: url("../../images/employer/price/bg_cv_sp.png");
		padding: calc(32 / 430 * 100vw) calc(15 / 430 * 100vw) calc(34 / 430 * 100vw);
	}

	#price .cv .cv-area {
		width: 100%;
	}

	#price .cv .cv-area .cv-head {
		margin-bottom: calc(68 / 430 * 100vw);
	}

	#price .cv .cv-area .cv-body {
		flex-direction: column;
		align-items: center;
		gap: calc(100 / 430 * 100vw);
		margin: 0 auto;
	}

	#price .cv .cv-area .cv-body::after {
		width: calc(102 / 430 * 100vw);
		height: calc(102 / 430 * 100vw);
		position: absolute;
		top: calc(-55 / 430 * 100vw);
		right: calc(15 / 430 * 100vw);
	}

	#price .cv .cv-area .cv-image {
		width: calc(236 / 430 * 100vw);
		margin: 0 auto;
	}

	#price .cv .cv-area .cv-button-area .cv-button {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#price .cv .cv-area .cv-lead {
		font-size: calc(22 / 430 * 100vw);
	}
	
	#price .cv .cv-area .cv-copy {
		font-size: calc(29 / 430 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button {
		margin: calc(30 / 430 * 100vw) auto 0;
	}
	
	#price .cv .cv-area .cv-button-area .cv-button > a {
		border-width: calc(4 / 430 * 100vw);
		border-radius: calc(16 / 430 * 100vw);
		width: 100%;
		gap: calc(10 / 430 * 100vw);
		padding: calc(18 / 430 * 100vw) calc(22 / 430 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-button > a::before {
		width: calc(40 / 430 * 100vw);
		height: calc(40 / 430 * 100vw);
	}
	
	#price .cv .cv-area .cv-button-area .cv-button.-download > a::before {
		background-image: url("../../images/employer/job-site-japan/svg/icon_download.svg");
	}

	#price .cv .cv-area .cv-button-area .cv-button.-balloon::before {
		top: calc(-80 / 430 * 100vw);
		left: auto;
		right: calc(-42 / 430 * 100vw);
		width: calc(120 / 430 * 100vw);
		height: calc(94 / 430 * 100vw);
	}
	
	#price .cv .cv-area .cv-button-area .cv-button > a .button-text {
		font-size: calc(24 / 430 * 100vw);
		text-shadow: 0 calc(4 / 430 * 100vw) calc(4 / 430 * 100vw) #00000026;
	}
	
	#price .cv .cv-area .cv-button-area .cv-buttons {
		flex-direction: column;
		gap: calc(14 / 430 * 100vw);
	}

	#price .cv .cv-area .cv-button-area .cv-buttons > .cv-button {
		max-width: none;
	}

	#price .brochure {
		margin-bottom: calc(60 / 430 * 100vw);
		padding-top: calc(40 / 430 * 100vw);
	}

	#price .brochure .title {
		font-size: calc(48 / 750 * 100vw);
		margin-bottom: calc(45 / 430 * 100vw);
	}
}