@charset "utf-8";

/* common
----------------------------------------------------------*/
#pagetitle::before {
	width: 30.3rem;
	height: 15.3rem;
	background-image: url('../images/t_recruit_hd.svg');
}
@media screen and (min-width: 751px) {
	#pagetitle::before {
		width: min(calc(1085 / var(--theme-w_full) * 100vw),108.5rem);
		height: min(calc(466 / var(--theme-w_full) * 100vw), 46.6rem);
	}
}

/* #.circle */
ul.circle>li {
	position: relative;
	padding-left: 3.5rem;
}
ul.circle>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .5em;
	width: 2.0rem;
	height: 2.0rem;
	box-sizing: border-box;
	border: solid .7rem #aedee2;
	border-radius: 50%;
	background-color: var(--theme-c_text_w);
}

/* #selection_flow */
#selection_flow {
	position: relative;
	margin-top: 12.0rem;
}
#selection_flow .image {
	width: 22.2rem;
	margin: 4.3rem auto 0;
}
#selection_flow .image ul>li {
	z-index: 4;
	position: relative;
	margin-top: -1.5rem;
}
#selection_flow .image ul>li:nth-of-type(1) {
	margin-top: 0;
}
#selection_flow .image ul>li:nth-of-type(2) {
	z-index: 3;
}
#selection_flow .image ul>li:nth-of-type(3) {
	z-index: 2;
}
#selection_flow .image ul>li:nth-of-type(4) {
	z-index: 1;
}
#selection_flow .note {
	margin-top: 2.0rem;
	padding-bottom: .2rem;
	font-size: 1.5rem;
	line-height: 1.6;
}
@media screen and (min-width: 751px) {
	#selection_flow {
		margin-top: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem);
	}
	#selection_flow .image {
		width: 100%;
	}
	#selection_flow .image ul {
		display: flex;
		margin-left: 34px;
	}
	#selection_flow .image ul>li {
		margin: 0 0 0 -34px;
		opacity: 0;
		transition: opacity .5s cubic-bezier(.4, 0, .2, 1) .1s;
	}
	#selection_flow .image ul>li.is-active {
		opacity: 1;
	}
	#selection_flow .image ul>li:nth-of-type(2) {
		transition-delay: .2s;
	}
	#selection_flow .image ul>li:nth-of-type(3) {
		transition-delay: .3s;
	}
	#selection_flow .image ul>li:nth-of-type(4) {
		transition-delay: .4s;
	}
	#selection_flow .note {
		text-align: right;
		margin-top: min(calc(30 / var(--theme-w_full) * 100vw), 3.0rem);
		font-size: 1.6rem;
	}
}

/* .btn-wrap */
.btn-wrap {
	margin: .6rem -1.4rem 0;
}
.btn-wrap .illust {
	text-align: right;
	margin-bottom: -.4rem;
	padding-right: 1.0rem;
}
.btn-wrap .illust img {
	height: 5.4rem;
}
@media screen and (min-width: 751px) {
	.btn-wrap {
		width: clamp(35rem, calc(516 / var(--theme-w_full) * 100vw), 516px);
		margin: 1.4rem 0 0;
	}
	.btn-wrap .illust img {
		height: 6.8rem;
	}
}

/* #btn-wantedly */
#btn-wantedly {
	margin-top: 8.0rem;
	background-color: var(--theme-c_primary);
}
@media screen and (min-width: 751px) {
	#btn-wantedly {
		margin-top: 16.0rem;
		background-color: transparent;
	}
	#btn-wantedly .inner {
		background-color: var(--theme-c_primary);
	}
}

/* .page-recruit
----------------------------------------------------------*/
.page-recruit .ttl {
	font-size: 3.4rem;
}
@media screen and (min-width: 751px) {
	.page-recruit .ttl {
		font-size: 3.6rem;
	}
}

/* #catch_area */
.page-recruit #catch_area {
	position: relative;
}
.page-recruit #catch_area::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 67%;
	margin: auto;
	background-image:
	repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 1px, transparent 1px, transparent 30px),
	repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, #aedee2 1px, #aedee2 30px);
	background-size: 30px 30px;
	background-position: 50% 0;
}
.page-recruit #catch_area .block {
	position: relative;
	text-align: center;
	padding: 5.6rem 2.0rem 1.8rem;
	border: solid 2px var(--theme-c_gray);
	border-radius: 3.0rem;
	box-shadow: 1.0rem 1.0rem 0 0 var(--theme-c_em);
	background-color: var(--theme-c_primary);
	color: var(--theme-c_text_w);
}
.page-recruit #catch_area .title_block {
	position: relative;
	padding-bottom: 4.4rem;
	margin-bottom: 3.4rem;
}
.page-recruit #catch_area .title_block::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 12.0rem;
	height: 1.3rem;
	margin: auto;
	background-image: radial-gradient(var(--theme-c_em) 30%, transparent 30%);
	background-size: 1.3rem 1.3rem;
}
.page-recruit #catch_area .title_block h2 {
	font-size: 2.8rem;
	line-height: 1.71;
	font-weight: 500;
}
.page-recruit #catch_area .title_block p {
	margin-top: 1.3rem;
}
.page-recruit #catch_area .text {
	text-align: center;
	padding: 2.5rem .5rem 10.6rem;
	border-radius: 0 0 2.0rem 2.0rem;
	background-color: #fafcfc;
	color: var(--theme-c_primary);
	line-height: 2.11;
	font-weight: 500;
}
.page-recruit #catch_area .image {
	position: absolute;
	bottom: -24.0rem;
	left: -5.1rem;
	width: 35.2rem;
	height: 35.2rem;
	opacity: 0;
	transform: translate(-6.0rem, -6.0rem);
	transition: opacity .5s cubic-bezier(.4, 0, .2, 1) .3s, transform .5s cubic-bezier(.4, 0, .2, 1) .3s;
}
.is-loaded.page-recruit #catch_area .image.is-show {
	opacity: 1;
	transform: translate(0, 0);
}

@media screen and (min-width: 751px) {
	.page-recruit #catch_area::before {
		height: 62%;
		transform: translateY(-1.4rem);
	}
	.page-recruit #catch_area .block {
		width: clamp(600px, calc(1188 / var(--theme-w_full) * 100vw), 118.8rem);
		margin: 0 auto;
		padding: min(calc(73 / var(--theme-w_full) * 100vw), 7.3rem) min(calc(20 / var(--theme-w_full) * 100vw), 2.0rem) min(calc(20 / var(--theme-w_full) * 100vw), 2.0rem);
		box-shadow: min(calc(15 / var(--theme-w_full) * 100vw), 1.5rem) min(calc(15 / var(--theme-w_full) * 100vw), 1.5rem) 0 0 #fcf150;
	}
	.page-recruit #catch_area .title_block {
		padding-bottom: 5.2rem;
		margin-bottom: 4.4rem;
	}
	.page-recruit #catch_area .title_block h2 {
		font-size: 4.8rem;
		line-height: 1.98;
	}
	.page-recruit #catch_area .title_block p {
		font-size: 4.6rem;
		margin-top: 0;
	}
	.page-recruit #catch_area .text {
		padding: 4.1rem 1em 4.5rem;
		font-size: 2.4rem;
		line-height: 2.25;
	}
	.page-recruit #catch_area .image {
		bottom: -31.0rem;
	}
}
@media screen and (min-width: 992px) {
	.page-recruit #catch_area .image {
		bottom: 2rem;
		left: 0;
		width: min(calc(495 / var(--theme-w_full) * 100vw), 49.5rem);
		height: min(calc(495 / var(--theme-w_full) * 100vw), 49.5rem);
		transform: translate(-30.0rem, -6.0rem);
	}
	.is-loaded.page-recruit #catch_area .image.is-show {
		transform: translate(-22.0rem, 0);
	}
}

/* #lead_area */
.page-recruit #lead_area {
	margin-top: 27.3rem;
	font-size: 2.0rem;
	line-height: 1.8;
	font-weight: 500;
}
.page-recruit #lead_area .block .ttl b {
	font-weight: 500;
}
.page-recruit #lead_area .block:nth-of-type(2) {
	margin-top: 10.5rem;
}
.page-recruit #lead_area .block:nth-of-type(1) .ttl span {
	font-size: 2.8rem;
	line-height: 1.64;
}
.page-recruit #lead_area .block:nth-of-type(1) .ttl span.ib {
	display: block;
}
.page-recruit #lead_area .block:nth-of-type(1) .ttl::before {
	bottom: -1.0rem;
}
.page-recruit #lead_area .block:nth-of-type(2) .ttl {
	font-size: 4.0rem;
	line-height: 1.55;
}
.page-recruit #lead_area p {
	margin-top: 5.0rem;
}
.page-recruit #lead_area p+p {
	margin-top: 3.6rem;
}
.page-recruit #lead_area ul {
	margin-top: 1.4rem;
}
.page-recruit #lead_area .block:nth-of-type(2) h2+ul {
	margin-top: 4.3rem;
}
.page-recruit #lead_area ul li+li {
	margin-top: 1.2rem;
}
.page-recruit #lead_area .block .image {
	opacity: 0;
}
.page-recruit #lead_area .block .image.is-show {
	opacity: 1;
}
.page-recruit #lead_area .block:nth-of-type(1) .image {
	position: relative;
	top: 3rem;
	right: 9rem;
	width: 43.5rem;
}
.page-recruit #lead_area .block:nth-of-type(2) .image {
	position: relative;
	top: 3rem;
	right: 1.4rem;
	width: 33.7rem;
}

@media screen and (min-width: 751px) {
	.page-recruit #lead_area {
		margin-top: 27.3rem;
	}
	.page-recruit #lead_area .block {
		position: relative;
	}
	.page-recruit #lead_area .block:nth-of-type(1) {
		width: max(calc(942 / var(--theme-w_max) * 100%), 400px);
		margin: 0 0 0 auto;
	}
	.page-recruit #lead_area .block:nth-of-type(2) {
		width: max(calc(790 / var(--theme-w_max) * 100%), 400px);
		margin: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem) 0 0 0;
	}
	.page-recruit #lead_area .block:nth-of-type(1) .ttl {
		font-size: 7.0rem;
		line-height: 1.1;
	}
	.page-recruit #lead_area .block:nth-of-type(1) .ttl span {
		font-size: 5.0rem;
		line-height: 1.1;
	}
	.page-recruit #lead_area .block:nth-of-type(1) .ttl span.ib {
		display: inline-block;
	}
	.page-recruit #lead_area .block:nth-of-type(1) .ttl b {
		margin: 12px 0;
	}
	.page-recruit #lead_area .block:nth-of-type(2) .ttl {
		font-size: 5.0rem;
		line-height: 1.44;
	}
	.page-recruit #lead_area ul li+li {
		margin-top: 1.3rem;
	}
	.page-recruit #lead_area .block:nth-of-type(1) .image {
		position: absolute;
		top: calc(50% - 14rem);
		left: max(calc(-645 / var(--theme-w_full) * 100vw), -64.5rem);
		right: auto;
		width: min(calc(630 / var(--theme-w_full) * 100vw), 63.0rem);
	}
	.page-recruit #lead_area .block:nth-of-type(2) .image {
		position: absolute;
		top: calc(50% - 14rem);
		right: max(calc(-710 / var(--theme-w_full) * 100vw), -71.0rem);
		display: block;
		width: min(calc(661 / var(--theme-w_full) * 100vw), 66.1rem);
	}
}
@media screen and (min-width: 992px) {
	.page-recruit #lead_area {
		margin-top: min(calc(150 / var(--theme-w_full) * 100vw), 15.0rem);
	}
	.page-recruit #lead_area .block:nth-of-type(1) {
		margin-right: min(calc(143 / var(--theme-w_full) * 100vw), 14.3rem);
	}
	.page-recruit #lead_area .block:nth-of-type(2) {
		margin-left: min(calc(142 / var(--theme-w_full) * 100vw), 14.2rem);
	}
}
@media screen and (min-width: 1400px) {
	.page-recruit #lead_area .block:nth-of-type(1) .image {
		top: min(calc(26 / var(--theme-w_full) * 100vw), 2.6rem);
	}
	.page-recruit #lead_area .block:nth-of-type(2) .image {
		top: max(calc(-88 / var(--theme-w_full) * 100vw), -8.8rem);
	}
}

/* #voice */
.page-recruit #voice {
	position: relative;
	margin-top: 14.0rem;
}
.page-recruit #voice .items {
	margin-top: 4.4rem;
	margin-bottom: -5.8rem;
}
.page-recruit #voice .items>li {
	margin-bottom: 5.8rem;
	transform: translateY(6.0rem);
	transition: all .5s cubic-bezier(.4, 0, .2, 1) .1s;
}
.page-recruit #voice .items>li.is-active {
	transform: translateY(0);
}
.page-recruit #voice .items>li .ttl {
	margin-top: 3.0rem;
	font-size: 2.0rem;
}
.page-recruit #voice .items>li p {
	margin-top: 1.6rem;
	line-height: 1.67;
}

@media screen and (max-width: 750px) {
	.page-recruit #voice .block {
		margin: 0 -9.6vw 1.0rem;
		padding: 5.0rem 9.6vw 5.7rem;
		background-color: var(--theme-c_bg02);
	}
}
@media screen and (min-width: 751px) {
	.page-recruit #voice {
		margin-top: min(calc(157 / var(--theme-w_full) * 100vw), 15.7rem);
		padding: 0;
	}
	.page-recruit #voice .block {
		padding: min(calc(80 / var(--theme-w_full) * 100vw), 8.0rem) min(calc(90 / var(--theme-w_full) * 100vw), 9.0rem);
		background-color: var(--theme-c_bg02);
	}
	.page-recruit #voice .items>li:nth-of-type(2n) {
		transition-delay: .2s;
	}
	.page-recruit #voice .btn-wrap {
		margin-left: auto;
	}
}
@media screen and (min-width: 992px) {
	.page-recruit #voice .items>li:nth-of-type(2) {
		transition-delay: .2s;
	}
	.page-recruit #voice .items>li:nth-of-type(3) {
		transition-delay: .3s;
	}
	.page-recruit #voice .items>li:nth-of-type(4) {
		transition-delay: .4s;
	}
}

/* #selection_flow */
@media screen and (min-width: 751px) {
	.page-recruit #selection_flow .btn-wrap {
		margin-left: auto;
	}
}

/* #organization */
.page-recruit #organization {
	position: relative;
	margin-top: 12.0rem;
}
.page-recruit #organization ul {
	margin-top: 4.4rem;
	margin-bottom: -2.7rem;
}
.page-recruit #organization li {
	width: 100%;
	margin-bottom: 2.7rem;
}
.page-recruit #organization li a {
	display: block;
}
.page-recruit #organization li h3 {
	margin-top: 1.2rem;
	line-height: 1.67;
	font-weight: 500;
}

@media screen and (min-width: 751px) {
	.page-recruit #organization {
		margin-top: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem);
	}
	.page-recruit #organization ul {
		margin-top: min(calc(44 / var(--theme-w_full) * 100vw), 4.4rem);
	}
	.page-recruit #organization li {
		width: 31.235%;
		margin-left: 3.14%;
	}
	.page-recruit #organization li:nth-child(3n+1) {
		margin-left: 0;
	}
	.page-recruit #organization li h3 {
		margin-top: min(calc(23 / var(--theme-w_full) * 100vw), 2.3rem);
	}
}
@media screen and (min-width: 992px) {
	.page-recruit #organization li {
		width: 14.05%;
		margin-left: 3.14%;
	}
	.page-recruit #organization li:nth-child(3n+1) {
		margin-left: 3.14%;
	}
	.page-recruit #organization li:nth-child(6n+1) {
		margin-left: 0;
	}
}

/* #point */
.page-recruit #point {
	position: relative;
	margin-top: 12.0rem;
}
.page-recruit #point .block {
	padding: 3.9rem 2.0rem 5.0rem;
	border: solid 1px #707070;
	background-color: #fff;
}
.page-recruit #point ul {
	margin-top: 2.4rem;
}
.page-recruit #point li {
	padding: .8rem 1.0rem .7rem 3.2rem;
	background-color: var(--theme-c_em);
	line-height: 1.67;
	font-weight: 500;
}
.page-recruit #point li+li {
	margin-top: 2.0rem;
}
.page-recruit #point li::before {
	left: 1.0rem;
	top: calc(50% - .6rem);
	width: 1.2rem;
	height: 1.2rem;
	border-width: .4rem;
}

@media screen and (min-width: 751px) {
	.page-recruit #point {
		margin-top: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem);
	}
	.page-recruit #point .block {
		width: clamp(600px, calc(1188 / var(--theme-w_full) * 100vw), 118.8rem);
		margin: 0 auto;
		padding: min(calc(50 / var(--theme-w_full) * 100vw), 5.0rem) min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem) min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem);
	}
	.page-recruit #point ul {
		margin-top: 2.2rem;
	}
	.page-recruit #point li {
		padding: 0.3rem 1em 0.3rem 4.2rem;
		font-size: 2.2rem;
		line-height: 1.64;
	}
	.page-recruit #point li+li {
		margin-top: 1.5rem;
	}
	.page-recruit #point li::before {
		left: 1.9rem;
	}
}

/* #occupation */
.page-recruit #occupation {
	margin-top: 12.0rem;
}
.page-recruit #occupation .lead {
	margin-bottom: 5.6rem;
	line-height: 1.89;
}
.page-recruit #occupation .job_block {
	width: 100vw;
	margin-bottom: 6.0rem;
}
.page-recruit #occupation .job_block .recruit_btn+.tags {
	margin-top: 3.9rem;
	padding-top: 2.9rem;
	border-top: solid 2px #fff;
}
.page-recruit #occupation .job_block .btn-icon_box a {
	padding-right: 8.0rem;
}
.page-recruit #occupation .image {
	z-index: 3;
	position: absolute;
	top: 3.1rem;
	right: 1.6rem;
	width: 9.9rem;
}
.page-recruit #occupation #rec_engineer .image {
	top: 3.1rem;
	width: 13.5rem;
}
.page-recruit #occupation .illust {
	display: none;
}

@media screen and (min-width: 751px) {
	.page-recruit #occupation {
		margin-top: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem);
	}
	.page-recruit #occupation .lead {
		margin-bottom: min(calc(45 / var(--theme-w_full) * 100vw), 4.5rem);
	}
	.page-recruit #occupation .job_block {
		margin-bottom: min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem);
		padding: min(calc(48 / var(--theme-w_full) * 100vw), 4.8rem) min(calc(50 / var(--theme-w_full) * 100vw), 5.0rem) min(calc(50 / var(--theme-w_full) * 100vw), 5.0rem);
	}
	.page-recruit #occupation .job_block .recruit_btn+.tags {
		margin-top: min(calc(49 / var(--theme-w_full) * 100vw), 4.9rem);
		padding-top: min(calc(34 / var(--theme-w_full) * 100vw), 3.4rem);
	}
	.page-recruit #occupation .job_block .tags li {
		margin-top: 1.5rem;
	}
	.page-recruit #occupation .job_block .btn-icon_box a {
		min-height: 7.1rem;
		padding-right: 8.0rem;
	}
	.page-recruit #occupation .recruit_btn {
		margin-top: min(calc(30 / var(--theme-w_full) * 100vw), 3.0rem);
		padding: min(calc(40 / var(--theme-w_full) * 100vw), 4.0rem);
	}
	.page-recruit #occupation .recruit_btn .btn-icon_box {
		width: 100%;
		margin-bottom: 0;
	}

}
@media screen and (min-width: 992px) {
	.page-recruit #occupation .lead {
		width: 48.426%;
		line-height: 1.89;
	}
	.page-recruit #occupation .job_block {
		display: flex;
		flex-direction: column;
		width: 48.426%;
	}
	.page-recruit #occupation .image {
		z-index: 3;
		position: absolute;
		top: max(calc(-69 / var(--theme-w_full) * 100vw), -6.9rem);
		right: min(calc(45 / var(--theme-w_full) * 100vw), 4.5rem);
		width: min(calc(110 / var(--theme-w_full) * 100vw), 11.0rem);
	}
	.page-recruit #occupation #rec_engineer .image {
		top: max(calc(-69 / var(--theme-w_full) * 100vw), -6.9rem);
		width: min(calc(149 / var(--theme-w_full) * 100vw), 14.9rem);
	}
	.page-recruit #occupation .recruit_btn {
		position: relative;
	}
	.page-recruit #occupation .illust {
		flex-grow: 1;
		position: relative;
		display: block;
		width: 100%;
	}
	.page-recruit #occupation .illust ul {
		position: absolute;
		top: calc(50% - min(calc(162 / var(--theme-w_full) * 100vw), 162px));
		left: 0;
		width: 100%;
		height: min(calc(324 / var(--theme-w_full) * 100vw), 324px);
	}
	.page-recruit #occupation .illust li {
		position: absolute;
	}
	.page-recruit #occupation #rec_designer .illust li {
		width: min(calc(133 / var(--theme-w_full) * 100vw), 133px);
	}
	.page-recruit #occupation #rec_designer .illust li img {
		width: 100%;
	}
	.page-recruit #occupation #rec_designer .illust li:nth-of-type(1) {
		top: min(calc(56 / var(--theme-w_full) * 100vw), 56px);
		left: 44.1%;
		width: min(calc(137 / var(--theme-w_full) * 100vw), 137px);
	}
	.page-recruit #occupation #rec_designer .illust li:nth-of-type(2) {
		top: min(calc(150 / var(--theme-w_full) * 100vw), 150px);
		left: 3.5%;
	}
	.page-recruit #occupation #rec_designer .illust li:nth-of-type(3) {
		top: min(calc(230 / var(--theme-w_full) * 100vw), 230px);
		left: 30%;
	}
	.page-recruit #occupation #rec_designer .illust li:nth-of-type(4) {
		top: min(calc(132 / var(--theme-w_full) * 100vw), 132px);
		right: 5.5%;
	}
	.page-recruit #occupation #rec_corp .illust li {
		height: min(calc(129 / var(--theme-w_full) * 100vw), 129px);
	}
	.page-recruit #occupation #rec_corp .illust li img {
		height: 100%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(1) {
		top: min(calc(69 / var(--theme-w_full) * 100vw), 69px);
		left: 4%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(2) {
		top: min(calc(69 / var(--theme-w_full) * 100vw), 69px);
		left: 17.3%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(3) {
		top: min(calc(69 / var(--theme-w_full) * 100vw), 69px);
		left: 34.3%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(4) {
		bottom: min(calc(26 / var(--theme-w_full) * 100vw), 26px);
		right: 19.5%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(5) {
		bottom: min(calc(26 / var(--theme-w_full) * 100vw), 26px);
		right: 3.7%;
	}
	.page-recruit #occupation #rec_corp .illust li:nth-of-type(6) {
		bottom: min(calc(32 / var(--theme-w_full) * 100vw), 32px);
		left: 16.9%;
		height: min(calc(82 / var(--theme-w_full) * 100vw), 82px);
	}
}

/* #btn-wantedly */
.page-recruit #btn-wantedly {
	margin-top: 2.0rem;
}
@media screen and (min-width: 751px) {
	.page-recruit #btn-wantedly {
		margin-top: min(calc(67 / var(--theme-w_full) * 100vw), 6.7rem);
	}
	.page-recruit #btn-wantedly .inner {
		padding: min(calc(40 / var(--theme-w_full) * 100vw), 4.0rem) min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem) min(calc(46 / var(--theme-w_full) * 100vw), 4.6rem);
	}
}

/* .page-detail
----------------------------------------------------------*/
.page-detail .ttl {
	font-size: 3.4rem;
}
.page-detail ul.circle>li {
	padding-left: 2.5rem;
}
.page-detail ul.circle>li::before {
	width: 1.6rem;
	height: 1.6rem;
	border-width: .5rem;
}
@media screen and (min-width: 751px) {
	.page-detail .ttl {
		font-size: 3.6rem;
	}
	.page-detail ul.circle>li {
		padding-left: 3.5rem;
	}
	.page-detail ul.circle>li::before {
		width: 2.0rem;
		height: 2.0rem;
		border-width: .7rem;
	}
}

.page-detail #l-main .block {
	padding: 3.9rem 2.0rem 4.7rem;
	border: solid 1px #707070;
	background-color: #fff;
}
.page-detail #l-main .block .em {
	display: inline-block;
	margin-top: 2.7rem;
	padding: .5rem 1.7rem;
	background-color: var(--theme-c_em);
	font-size: 2.0rem;
	line-height: 1.6;
	font-weight: 500;
}
.page-detail #l-main .block.sub {
	padding: 3.9rem 2.0rem 4.7rem;
	border: 0;
	background-color: var(--theme-c_gray);
}
@media screen and (min-width: 751px) {
	.page-detail #l-main .block {
		padding: min(calc(49 / var(--theme-w_full) * 100vw), 4.9rem) min(calc(51 / var(--theme-w_full) * 100vw), 5.1rem) min(calc(56 / var(--theme-w_full) * 100vw), 5.6rem);
	}
	.page-detail #l-main .block .em {
		margin-top: 2.7rem;
		padding: .5rem 1.7rem;
		font-size: 2.2rem;
	}
	.page-detail #l-main .block.sub {
		padding: min(calc(49 / var(--theme-w_full) * 100vw), 4.9rem) min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem) min(calc(57 / var(--theme-w_full) * 100vw), 5.7rem);
	}
}

/* #job_head */
.page-detail #job_head {
	margin-top: -1.3rem;
}
.page-detail #job_head h2 {
	font-size: 4.0rem;
	line-height: 1.55;
}
.page-detail #job_head p {
	margin-top: 4.3rem;
	font-size: 2.0rem;
	line-height: 1.8;
	font-weight: 500;
}

@media screen and (min-width: 751px) {
	.page-detail #job_head {
		margin-top: -.2rem;
	}
	.page-detail #job_head h2 {
		font-size: 5.0rem;
	}
	.page-detail #job_head p {
		margin-top: min(calc(41 / var(--theme-w_full) * 100vw), 4.1rem);
	}
}

/* #job_task */
.page-detail #job_task {
	margin-top: 7.6rem;
}
.page-detail #job_task ul {
	margin-top: 2.2rem;
}
.page-detail #job_task ul li {
	font-weight: 500;
	line-height: 1.67;
}
.page-detail #job_task ul li+li {
	margin-top: 2.6rem;
}

@media screen and (min-width: 751px) {
	.page-detail #job_task {
		margin-top: min(calc(76 / var(--theme-w_full) * 100vw), 7.6rem);
	}
	.page-detail #job_task ul li {
		font-size: 2.2rem;
		line-height: 1.64;
	}
}

/* #job_skill */
.page-detail #job_skill {
	margin-top: 6.0rem;
}
.page-detail #job_skill ul.circle {
	margin-top: -1.5rem;
}
.page-detail #job_skill .circle>li {
	margin-top: 3.7rem;
}
.page-detail #job_skill li h4 {
	font-size: 1.8rem;
	font-weight: 500;
}
.page-detail #job_skill .circle>li ul {
	margin-top: .3rem;
	font-size: 1.5rem;
	line-height: 1.47;
}
.page-detail #job_skill .circle>li ul li+li {
	margin-top: 1.0rem;
}

@media screen and (min-width: 751px) {
	.page-detail #job_skill {
		margin-top: min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem);
	}
	.page-detail #job_skill ul.circle {
		margin-top: -0.5rem;
	}
	.page-detail #job_skill .circle>li {
		margin-top: 2.7rem;
	}
	.page-detail #job_skill li h4 {
		font-size: 2.2rem;
	}
	.page-detail #job_skill .circle>li ul {
		margin-top: .3rem;
		font-size: 1.6rem;
	}
	.page-detail #job_skill .circle>li ul li+li {
		margin-top: .5rem;
	}
}

/* #job_point */
.page-detail #job_point {
	margin-top: 6.0rem;
}
.page-detail #job_point .block {
	border-color: var(--theme-c_primary);
	background-color: #e6f3f4;
}
.page-detail #job_point ul {
	margin-top: 2.2rem;
}
.page-detail #job_point ul li {
	font-weight: 500;
	line-height: 1.67;
}
.page-detail #job_point ul li+li {
	margin-top: 2.6rem;
}

@media screen and (min-width: 751px) {
	.page-detail #job_point {
		margin-top: min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem);
	}
	.page-detail #job_point .block {
		padding-top: min(calc(43 / var(--theme-w_full) * 100vw), 4.3rem);
		padding-bottom: min(calc(59 / var(--theme-w_full) * 100vw), 5.9rem);
	}
	.page-detail #job_point ul li {
		font-size: 2.2rem;
	}
	.page-detail #job_point ul li+li {
		margin-top: 2.5rem;
	}
}

/* #job_statue */
.page-detail #job_statue {
	margin-top: 6.0rem;
}
.page-detail #job_statue ul {
	margin-top: 2.2rem;
}
.page-detail #job_statue ul li {
	font-weight: 500;
	line-height: 1.67;
}
.page-detail #job_statue ul li+li {
	margin-top: 2.6rem;
}

@media screen and (min-width: 751px) {
	.page-detail #job_statue {
		margin-top: min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem);
	}
	.page-detail #job_statue ul li {
		font-size: 2.2rem;
	}
	.page-detail #job_statue ul li+li {
		margin-top: 2.5rem;
	}
}

/* #selection_flow */
@media screen and (min-width: 751px) {
	.page-detail #selection_flow {
		margin-top: min(calc(100 / var(--theme-w_full) * 100vw), 10.0rem);
	}
}

/* #job_conditions */
.page-detail #job_conditions {
	margin-top: 12.0rem;
}
.page-detail #job_conditions dl {
	margin-top: 2.5rem;
	margin-bottom: -.9rem;
	font-size: 1.5rem;
	line-height: 1.47;
}
.page-detail #job_conditions dl dt {
	float: left;
	width: 5.9em;
}
.page-detail #job_conditions dl dd {
	margin-bottom: .9rem;
	padding-left: 6em;
}

@media screen and (min-width: 751px) {
	.page-detail #job_conditions {
		margin-top: min(calc(100 / var(--theme-w_full) * 100vw), 10.0rem);
	}
	.page-detail #job_conditions dl {
		margin-bottom: -1.5rem;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.page-detail #job_conditions dl dt {
		width: 8.9em;
	}
	.page-detail #job_conditions dl dd {
		margin-bottom: 1.0rem;
		padding-left: 9em;
	}
}

/* #job_welfare */
.page-detail #job_welfare {
	margin-top: 6.0rem;
}
.page-detail #job_welfare ul {
	margin-top: 2.5rem;
	font-size: 1.5rem;
	line-height: 1.47;
}

@media screen and (min-width: 751px) {
	.page-detail #job_welfare {
		margin-top: min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem)
		;
	}
	.page-detail #job_welfare ul {
		font-size: 1.6rem;
		line-height: 1.75;
	}
}

/* #btn-form, #btn-wantedly */
.page-detail #btn-form {
	margin-top: 12.0rem;
	margin-bottom: 6.0rem;
	background-color: #caeaed;
}
.page-detail #btn-form .image {
	position: absolute;
	top: -7.9rem;
	right: 3.7rem;
	width: 7.8rem;
}
.page-detail_01.page-detail #btn-form .image {
	width: 10.8rem;
}
.page-detail #btn-wantedly {
	margin-top: 0;
}

@media screen and (min-width: 751px) {
	.page-detail #btn-form {
		margin-top: min(calc(120 / var(--theme-w_full) * 100vw), 12.0rem);
		background-color: #caeaed;
	}
	.page-detail #btn-form .inner,
	.page-detail #btn-wantedly .inner {
		padding: min(calc(62 / var(--theme-w_full) * 100vw), 6.2rem) min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem) min(calc(71 / var(--theme-w_full) * 100vw), 7.1rem);
	}
	.page-detail #btn-form .image {
		position: absolute;
		top: 0rem;
		right: 10rem;
		width: 7.8rem;
	}
	.page-detail_01.page-detail #btn-form .image {
		width: 10.8rem;
	}
}

/* #related */
.page-detail #related {
	margin-top: 12.0rem;
}
.page-detail #related ul {
	margin-top: 1.4rem;
}
.page-detail #related li {
	display: flex;
	margin-top: 3.0rem;
}

@media screen and (min-width: 751px) {
	.page-detail #related {
		margin-top: min(calc(160 / var(--theme-w_full) * 100vw), 16.0rem);
	}
	.page-detail #related ul {
		margin-top: .4rem;
	}
	.page-detail #related li {
		margin-top: min(calc(40 / var(--theme-w_full) * 100vw), 4.0rem);
	}
}

/* ----------------------------------------------------------
 .page-form
----------------------------------------------------------*/
/* #form_head */
.page-form #form_head .ttl {
	margin-top: -1.3rem;
	font-size: 4.0rem;
	line-height: 1.55;
}

@media screen and (min-width: 751px) {
	.page-form #form_head .ttl {
		margin-top: 0;
		font-size: 3.6rem;
	}
}

/* .page-form_input
----------------------------------------------------------*/
/* #form_head */
.page-form_input #form_head p {
	margin-top: 4.0rem;
	font-size: 2.0rem;
	font-weight: 500;
}

@media screen and (min-width: 751px) {
	.page-form_input #form_head p {
		margin-top: 2.0rem;
		font-size: 1.8rem;
		line-height: 1.89;
		font-weight: 400;
	}
}
/* #form */
.page-form_input #form .list {
	margin-top: 7.5rem;
}
.page-form_input #form dt {
	font-size: 2.2rem;
	line-height: 1.64;
	font-weight: 500;
}
.page-form_input #form dd+dt {
	margin-top: 2.6rem;
}
.page-form_input #form dt.required::after {
	content: '\5FC5\9808';
	height: 2.7rem;
	margin-left: 1.4rem;
	padding: 3px .55em 2px;
	background-color: var(--theme-c_primary);
	color: var(--theme-c_text_w);
	font-size: 1.8rem;
	line-height: 2.7rem;
}
.page-form_input #form dd {
	margin-top: 1.3rem;
	line-height: 1.67;
}

.page-form_input #form dd select,
.page-form_input #form dd input,
.page-form_input #form dd textarea {
	width: 100%;
	padding: 2.0rem 1.4rem;
	border: solid 1px #707070;
	background-color: #fff;
	color: var(--theme-c_text);
}
.page-form_input #form dd select:focus,
.page-form_input #form dd input:focus,
.page-form_input #form dd textarea:focus {
	outline-color: var(--theme-c_primary);
}
.page-form_input #form dd .select_wrap {
	z-index: 1;
	position: relative;
	background-color: #fff;
}
.page-form_input #form dd select {
	background-color: transparent;
	cursor: pointer;
}
.page-form_input #form dd .select_wrap::after {
	z-index: -1;
	content: '';
	position: absolute;
	top: 0;
	right: 1.8rem;
	bottom: 0;
	width: 4.5rem;
	height: 4.5rem;
	margin: auto;
	border-radius: 50%;
	background: var(--theme-c_text) url('../../../common/images/ico_ar_w.svg') no-repeat 50% 50% / auto 45%;
	transform: rotate(90deg);
	transition: .5s;
}
.page-form_input #form dd .select_wrap:hover:after {
	background-color: var(--theme-c_link);
	transform: rotate(90deg) scale(1.15, 1.15);
}
.page-form_input #form dd label.file {
	display: block;
	width: fit-content;
	padding: 1.0rem 2.8rem 1.0rem;
	border: solid 1px #707070;
	font-weight: 500;
}
.page-form_input #form dd label.file:hover {
	border: solid 1px var(--theme-c_primary);
	color: var(--theme-c_primary);
	outline: solid 1px var(--theme-c_primary);
	cursor: pointer;
}
.page-form_input #form dd input[type="file"] {
	display: none;
}
.page-form_input #form dd.error select,
.page-form_input #form dd.error input {
	border: solid 1px var(--theme-c_primary);
	outline: solid 2px var(--theme-c_primary);
}
.page-form_input #form dd select,
.page-form_input #form dd input {
	min-height: 7.2rem;
}
.page-form_input #form dd textarea {
	min-height: 49.5rem;
}
.page-form_input #form dd .error_txt {
	display: none;
	margin-top: 1.3rem;
	color: var(--theme-c_primary);
	font-weight: 500;
}
.page-form_input #form dd.error .error_txt {
	display: block;
}
.page-form_input #form .btn-icon_box {
	margin-top: 5.3rem;
}
/* .page-form_input #form .btn-icon_send.em {
	margin-top: 5.3rem;
	margin-left: 1rem;
	width: 50%;
	height: auto;
}
.page-form_input #form .btn-icon_back.em {
	margin-top: 5.3rem;
	margin-right: 1rem;
	width: 50%;
	height: auto;
} */

@media screen and (max-width: 750px) {
	.page-form_input #form .btn-icon_send.em {
		margin-top: 3rem;
		/* width: 50%;
		height: auto; */
	}
	.page-form_input #form .btn-icon_back.em {
		margin-top: 7rem;
		/* width: 50%;
		height: auto; */
	}
}
@media screen and (min-width: 751px) {
	.page-form_input #form dd .select_wrap {
		width: min(calc(658 / var(--theme-w_full) * 100vw), 65.8rem);
	}
	.page-form_input #form dd input {
		width: min(calc(942 / var(--theme-w_full) * 100vw), 94.2rem);
	}
	.page-form_input #form dd textarea {
		min-height: 28.8rem;
	}
	.page-form_input #form .btn-icon_box {
		margin: 4.5rem auto 0;
		width: 51.6rem;
	}
	.page-form_input #form .btn-icon_send {
		/* margin: 4.5rem auto 0; */
		margin-top: 4.5rem;
		margin-left: min(calc(260 / var(--theme-w_full) * 100vw), 2.6rem);
		margin-right: min(calc(260 / var(--theme-w_full) * 100vw), 2.6rem);
		width: min(calc(516 / var(--theme-w_full) * 100vw), 51.6rem);
	}
	.page-form_input #form .btn-icon_back {
		/* margin: 4.5rem auto 0; */
		margin-top: 4.5rem;
		margin-left: min(calc(260 / var(--theme-w_full) * 100vw), 2.6rem);
		margin-right: min(calc(260 / var(--theme-w_full) * 100vw), 2.6rem);
		width: min(calc(516 / var(--theme-w_full) * 100vw), 51.6rem);
		/* width: 51.6rem; */
	}
}
@media screen and (min-width: 992px) {
	.page-form_input #form .list {
		margin-top: 7.8rem;
	}
	.page-form_input #form .list>dt {
		float: left;
		width: 32.0rem;
		padding-top: .8em;
	}
	.page-form_input #form .list>dd+dt {
		margin-top: 0;
	}
	.page-form_input #form .list>dd {
		margin-top: 0;
		padding-bottom: 2.6rem;
		padding-left: 33.6rem;
	}
	.page-form_input #form .list.confirm>dd {
		padding-top: 1.1em;
	}
	.page-form_input #form dd select,
	.page-form_input #form dd input,
	.page-form_input #form dd textarea {
		font-size: 2.2rem;
	}
	.page-form_input #form dd label.file {
		margin: 5px 0;
		font-size: 2.2rem;
	}
	.page-form_input #form dd .error_txt {
		margin-top: .5rem;
		font-size: 2.2rem;
	}
}

/* .page-form_complete
----------------------------------------------------------*/
.page-form_complete #form_head .text {
	margin-top: 7.4rem;
}
.page-form_complete #form_head h3 {
	font-size: 3.0rem;
	line-height: 1.73;
	font-weight: 500;
}
.page-form_complete #form_head p {
	margin-top: 2.2rem;
	line-height: 1.89;
}
.page-form_complete #form_head .btn-icon_box {
	margin-top: 5.5rem;
}
.page-form_complete #form_head .btn-icon_box a {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
@media screen and (min-width: 751px) {
	.page-form_complete #form_head .text {
		width: clamp(600, calc(1084 / var(--theme-w_full) * 100vw), 108.4rem);
		margin: min(calc(110 / var(--theme-w_full) * 100vw), 11.0rem) auto 0;
	}
	.page-form_complete #form_head p {
		margin-top: min(calc(32 / var(--theme-w_full) * 100vw), 3.2rem);
	}
	.page-form_complete #form_head .btn-icon_box {
		margin: min(calc(115 / var(--theme-w_full) * 100vw), 11.5rem) auto 0;
		width: min(100%, 51.6rem);
	}
}