@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#job main {
		background-color: #e4e2db;
	}

	/*# sec1
		-----------------------------------*/

	.job-sec1 {
		margin-top: 82px;
		overflow-x: hidden;
		padding-bottom: 56px;
		position: relative;
	}

	.job-sec1 .layout-inner {
		max-width: 1159px;
	}

	.job-sec1::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		display: block;
		height: 226px;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		z-index: 0;
	}

	.job-sec1::after {
		background: url('../images/job/sec1_img1.png') no-repeat center center/cover;
		bottom: 96px;
		content: '';
		display: block;
		height: 486px;
		left: calc(50% - 526px);
		position: absolute;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 868px;
		z-index: 1;
	}

	.job-sec1__content {
		margin-left: auto;
		padding-top: 4px;
		position: relative;
		width: 585px;
		z-index: 2;
	}

	.job-sec1__title img {
		height: 146px;
		width: auto;
	}

	.job-sec1__text {
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 2.8px;
		line-height: 1.89;
		margin-top: 27px;
		padding-left: 3px;
		white-space: nowrap;
	}

	.job-sec1__img2 {
		margin-top: 51px;
		width: 382px;
	}

	/*# sec2
		-----------------------------------*/

	.job-sec2 {
		padding-block: 178px 188px;
		background-color: #fff;
	}

	.job-sec2__media {
		gap: 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.job-sec2__body {
		padding-top: 6px;
	}

	.job-sec2__title img {
		height: 39px;
		padding-left: 3px;
		width: auto;
	}

	.job-sec2__copy {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		line-height: 1.9;
		margin-top: 64px;
		padding-left: 90px;
	}

	.job-sec2__text {
		margin-top: 33px;
		padding-left: 90px;
		padding-right: 22px;
	}

	.job-sec2__media-img {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		max-width: 690px;
	}

	.job-sec2__imgs {
		grid-gap: 0px 10px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		margin-top: 60px;
	}

	/*# sec3
		-----------------------------------*/

	.job-sec3 {
		padding-block: 0px 188px;
		background-color: #fff;
	}

	.job-sec3__copy.job-sec2__copy {
		margin-top: 63px;
	}

	.job-sec2__btn-wrapper {
		margin-top: 66px;
		padding-right: 24px;
	}

	.job-sec2__btn {
		gap: 23px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #3c3c3c;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-left: auto;
		margin-right: 5px;
		padding-bottom: 9px;
		padding-left: 3px;
		width: 244px;
	}

	.job-sec2__btn img {
		width: 30px;
	}

	.job-sec3__card-title {
		margin-top: 10px;
		text-align: center;
	}

	/*# sec4
		-----------------------------------*/

	.job-sec4 {
		background-color: #fff;
		padding-bottom: 134px;
	}

	.job-sec4__copy.job-sec2__copy {
		margin-top: 68px;
		padding-left: 90px;
	}

	.job-sec4__col {
		margin-inline: auto;
		gap: 0px 0px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 36px;
		max-width: 1099px;
	}

	.job-sec4__item:nth-of-type(1) {
		border-right: 1px solid #3c3c3c;
		padding-right: 49px;
	}

	.job-sec4__item:nth-of-type(2) {
		padding-left: 50px;
	}

	.job-sec4__item-title {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 1.6;
	}

	.job-sec4__item-text {
		margin-top: 16px;
	}

	/*# sec5
		-----------------------------------*/

	.job-sec5 {
		padding-block: 127px 119px;
		background-color: #efeeea;
	}

	.job-sec5__media {
		grid-gap: 0px 0px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.job-sec5__body {
		background-color: #fff;
		padding: 58px 80px 38px 66px;
	}

	.job-sec5__title img {
		height: 30px;
		width: auto;
	}

	.job-sec5__copy {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		line-height: 1.88;
		margin-top: 53px;
		padding-left: 57px;
	}

	.job-sec5__text {
		margin-top: 20px;
		padding-left: 57px;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# common
		-----------------------------------*/

	#job main {
		background-color: #e4e2db;
	}

	/*# sec1
		-----------------------------------*/

	.job-sec1 {
		margin-top: 12.077vw;
		padding-bottom: 12.077vw;
		position: relative;
	}

	.job-sec1::before {
		background-color: #efeeea;
		bottom: 0;
		content: '';
		display: block;
		height: 59%;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		z-index: 0;
	}

	.job-sec1__content {
		margin-left: auto;
		max-width: 144.928vw;
		position: relative;
		z-index: 1;
	}

	.job-sec1__title {
		width: 100%;
	}

	.job-sec1__img1 {
		margin-top: 2.415vw;
	}

	.job-sec1__text {
		font-size: 4.348vw;
		font-weight: 500;
		letter-spacing: 0.45vw;
		line-height: 1.89;
		margin-top: 3.623vw;
	}

	.job-sec1__img2 {
		margin-inline: auto;
		display: block;
		margin-top: 4.831vw;
		width: 65.217vw;
	}

	/*# sec2
		-----------------------------------*/

	.job-sec2 {
		padding-block: 24.155vw;
		background-color: #fff;
	}

	.job-sec2__media {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.job-sec2__body {
		display: contents;
	}

	.job-sec2__title img {
		height: 5.797vw;
		width: auto;
	}

	.job-sec2__copy {
		font-size: 5.797vw;
		font-weight: 500;
		letter-spacing: 0.58vw;
		margin-top: 7.246vw;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.job-sec2__text {
		margin-top: 4.831vw;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.job-sec2__media-img {
		margin-top: 7.246vw;
	}

	.job-sec2__imgs {
		grid-gap: 2.415vw 2.415vw;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 12.077vw;
	}

	/*# sec3
		-----------------------------------*/

	.job-sec3 {
		padding-block: 0px 24.155vw;
		background-color: #fff;
	}

	.job-sec2__btn-wrapper {
		margin-top: 12.077vw;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.job-sec2__btn {
		gap: 5.556vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #3c3c3c;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-left: auto;
		margin-right: 1.208vw;
		padding-bottom: 2.174vw;
		padding-left: 2.415vw;
		width: 58.454vw;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.job-sec2__btn img {
		width: 7.246vw;
	}

	.job-sec3__card-title {
		margin-top: 1.691vw;
		text-align: center;
	}

	/*# sec4
		-----------------------------------*/

	.job-sec4 {
		background-color: #fff;
		padding-bottom: 24.155vw;
	}

	.job-sec4__copy.job-sec2__copy {
		margin-top: 12.077vw;
	}

	.job-sec4__col {
		-moz-columns: repeat(2, 1fr);
		gap: 0px 0px;
		-webkit-columns: repeat(2, 1fr);
		columns: repeat(2, 1fr);
		margin-top: 12.077vw;
	}

	.job-sec4__item:nth-of-type(1) {
		border-bottom: 1px solid #3c3c3c;
		padding-bottom: 7.246vw;
	}

	.job-sec4__item:nth-of-type(2) {
		padding-top: 7.246vw;
	}

	.job-sec4__item-title {
		font-size: 4.831vw;
		font-weight: 500;
		letter-spacing: 0.242vw;
		line-height: 1.6;
	}

	.job-sec4__item-text {
		margin-top: 5.072vw;
	}

	/*# sec5
		-----------------------------------*/

	.job-sec5 {
		padding-block: 24.155vw;
		background-color: #efeeea;
	}

	.job-sec5__body {
		background-color: #fff;
		padding: 12.077vw 4.831vw;
	}

	.job-sec5__title img {
		height: 5.797vw;
		width: auto;
	}

	.job-sec5__copy {
		font-size: 5.797vw;
		font-weight: 500;
		letter-spacing: 0.58vw;
		margin-top: 11.111vw;
	}

	.job-sec5__text {
		margin-top: 6.763vw;
	}
}