@charset "utf-8";

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

#jobs {
	padding: 13.33vw 0 13vw;
	}

/*-- popup --*/
.lock {
	overflow: hidden;
	}

.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	}

.popup-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 2000;
	}

.popup-content {
	position: relative;
	display: none;
	background: #fff;
	padding: 20.66vw 7.33vw 0;
	}

.popup-content .mainttl-area {
	border-bottom: 1px solid #000;
	margin-bottom: 4.8vw;
	padding-bottom: 9.2vw;
	}

.popup-content .mainttl {
	margin-bottom: 7vw;
	}

.popup-content .subttl {
	margin-bottom: 11vw;
	}

.popup-content strong {
	font-size: 5.33vw;
	line-height: 7.46vw;
	font-weight: 700;
	}

.popup-content p.small {
	font-size: 3.46vw;
	line-height: 6.66vw;
	font-weight: 500;
	padding-top: 2vw;
	}

.popup-content .cat {
	padding-top: 9vw;
	}

.popup-content .nolink {
	padding-bottom: 12vw;
	}

.popup-content .noncat {
	padding-bottom: 17vw;
	}

.popup-content .noncatlink {
	padding-bottom: 2vw;
	}

.popup-content ul {
	margin-top: 5.86vw;
	padding-bottom: 6vw;
	}

.popup-content li {
	font-size: 4vw;
	line-height: 4.8vw;
	font-weight: 500;
	margin-bottom: 9.6vw;
	}

.popup-content a {
	color: #000;
	}

.popup-close {
	width: 8.26vw;
	position: fixed;
	top: 6.13vw;
	left: 84.53vw;
	z-index: 1;
	}

#jobs .fig {
	height: 309.34vw;
	position: relative;
	margin-top: 13.33vw;
	}

#jobs .base {
	height: 309.34vw;
	}

#jobs .produce01 {
	position: absolute;
	top: 67.46vw;
	left: 12.66vw;
	z-index: 1;
	}

#jobs .produce01 img {
	width: 44vw;
	}

#jobs .produce02 {
	position: absolute;
	top: 78.4vw;
	left: 12.66vw;
	z-index: 1;
	}

#jobs .produce02 img {
	width: 44vw;
	}

#jobs .produce03 {
	position: absolute;
	top: 89.33vw;
	left: 12.66vw;
	z-index: 1;
	}

#jobs .produce03 img {
	width: 44vw;
	}

#jobs .produce04 {
	position: absolute;
	top: 112.4vw;
	left: 12.66vw;
	z-index: 1;
	}

#jobs .produce04 img {
	width: 44vw;
	}

#jobs .communication01 {
	position: absolute;
	top: 143.46vw;
	left: 10.13vw;
	z-index: 1;
	}

#jobs .communication01 img {
	width: 24.26vw;
	}

#jobs .communication02 {
	position: absolute;
	top: 167.46vw;
	left: 10.13vw;
	z-index: 1;
	}

#jobs .communication02 img {
	width: 24.26vw;
	}

#jobs .communication03 {
	position: absolute;
	top: 191.46vw;
	left: 10.13vw;
	z-index: 1;
	}

#jobs .communication03 img {
	width: 24.26vw;
	}

#jobs .communication04 {
	position: absolute;
	top: 215.46vw;
	left: 10.13vw;
	z-index: 1;
	}

#jobs .communication04 img {
	width: 24.26vw;
	}

#jobs .communication05 {
	position: absolute;
	top: 239.46vw;
	left: 10.13vw;
	z-index: 1;
	}

#jobs .communication05 img {
	width: 24.26vw;
	}

#jobs .media {
	position: absolute;
	top: 131.86vw;
	left: 40.66vw;
	z-index: 1;
	}

#jobs .media img {
	width: 21.33vw;
	}

#jobs .liveent {
	position: absolute;
	top: 53.33vw;
	left: 65.46vw;
	z-index: 1;
	}

#jobs .liveent img {
	width: 27.2vw;
	}

.back-btn a {
	display: block;
	width: 40vw;
	margin: 0 auto;
	}

.back-btn img {
	width: 40vw;
	}

}/* SP end */


/* PC */
@media screen and (min-width: 751px) {

#jobs {
	padding: 60px 0 130px;
	width: 1080px;
	margin: 0 auto;
	}

/*-- popup --*/
.lock {
	overflow: hidden;
	}

.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	}

.popup-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 2000;
	padding-top: 20px;
	}

.popup-content {
	position: relative;
	display: none;
	width: 756px;
	background: #fff;
	margin: 70px auto 0;
	padding: 62px 22px 20px;
	}

.popup-content .mainttl-area {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding-bottom: 30px;
	}

.popup-content .mainttl {
	margin-bottom: 20px;
	}

.popup-content .subttl {
	margin-bottom: 36px;
	}

.popup-content strong {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	}

.popup-content .cat {
	padding-top: 30px;
	}

.popup-content .nolink {
	padding-bottom: 45px;
	}

.popup-content .noncat {
	padding-bottom: 45px;
	}

.popup-content .noncatlink {
	padding-bottom: 15px;
	}

.popup-content p.small {
	font-size: 10px;
	line-height: 14px;
	font-weight: 500;
	padding-top: 10px;
	}

.popup-content ul {
	margin-top: 18px;
	padding-bottom: 15px;
	}

.popup-content li {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 30px;
	}

.popup-content a {
	color: #000;
	}

.popup-close {
	width: 26px;
	position: absolute;
	top: 19px;
	left: 753px;
	z-index: 1;
	}

.popup-close img:hover {
	cursor: pointer;
	}

#jobs .fig {
	width: 1063px;
	height: calc(915px * 0.5);
	position: relative;
	margin: 60px auto 0;
	padding: 0 9px 0 8px;
	}

#jobs .base {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	}

#jobs .base img {
	width: calc(2126px * 0.5);
	}

#jobs .popup-open img:hover {
	opacity: 0.6;
	transition: .3s;
	cursor: pointer;
	}

#jobs .produce01 {
	position: absolute;
	top: 87px;
	left: 205px;
	z-index: 1;
	}

#jobs .produce01 img {
	width: calc(187px * 0.5);
	}

#jobs .produce02 {
	position: absolute;
	top: 129px;
	left: 205px;
	z-index: 1;
	}

#jobs .produce02 img {
	width: calc(187px * 0.5);
	}

#jobs .produce03 {
	position: absolute;
	top: 172px;
	left: 205px;
	z-index: 1;
	}

#jobs .produce03 img {
	width: calc(187px * 0.5);
	}

#jobs .produce04 {
	position: absolute;
	top: 257px;
	left: 205px;
	z-index: 1;
	}

#jobs .produce04 img {
	width: calc(187px * 0.5);
	}

#jobs .communication01 {
	position: absolute;
	top: 58px;
	left: 370px;
	z-index: 1;
	}

#jobs .communication01 img {
	width: calc(189px * 0.5);
	}

#jobs .communication02 {
	position: absolute;
	top: 58px;
	left: 471px;
	z-index: 1;
	}

#jobs .communication02 img {
	width: calc(188px * 0.5);
	}

#jobs .communication03 {
	position: absolute;
	top: 58px;
	left: 572px;
	z-index: 1;
	}

#jobs .communication03 img {
	width: calc(188px * 0.5);
	}

#jobs .communication04 {
	position: absolute;
	top: 58px;
	left: 673px;
	z-index: 1;
	}

#jobs .communication04 img {
	width: calc(188px * 0.5);
	}

#jobs .communication05 {
	position: absolute;
	top: 58px;
	left: 774px;
	z-index: 1;
	}

#jobs .communication05 img {
	width: calc(188px * 0.5);
	}

#jobs .media {
	position: absolute;
	top: 179px;
	left: 348px;
	z-index: 1;
	}

#jobs .media img {
	width: calc(1080px * 0.5);
	}

#jobs .liveent {
	position: absolute;
	top: 348px;
	left: 174px;
	z-index: 1;
	}

#jobs .liveent img {
	width: calc(1430px * 0.5);
	}

.back-btn a {
	display: block;
	width: 180px;
	margin: 0 auto;
	}

}/* PC end */