/**
 * Hide scrollbar
 */

body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

body::-webkit-scrollbar {
	display: none;
}

/**
 * Section1 - desktop
 */
@media (min-width: 768px) {
	.section1 {
		padding-top: calc(100vw / 1440 * 180);
		padding-bottom: calc(100vw / 1440 * 2);
		padding-left: calc(100vw / 1440 * 240);
		padding-right: calc(100vw / 1440 * 240);
		box-sizing: border-box;
	}
	.section1 .title {
		font-family: brandon-grotesque;
	}
	.section1 .title_container {
		width: 100%;
		margin-bottom: calc(100vw / 1440 * 48);
	}
	.section1 .category_container {
		width: 100%;
		text-align: right;
	}
	.section1 .position_category {
		cursor: pointer;
	}
	.section1 .position_category.selected {
		color: #f74902;
	}
	.section1 .position_category:not(:first-child) {
		margin-left: calc(100vw / 1440 * 20);
	}
}

/**
 * Section1 - mobile
 */
@media (max-width: 767.98px) {
	.section1 {
		padding-top: calc(100vw / 360 * 120);
		padding-left: calc(100vw / 360 * 24);
		padding-bottom: calc(100vw / 360 * 24);
		box-sizing: border-box;
	}
	.section1 .title {
		font-family: brandon-grotesque;
	}
	.section1 .category_container {
		margin-top: calc(100vw / 360 * 40);
	}
	.section1 .position_category {
		cursor: pointer;
	}
	.section1 .position_category.selected {
		color: #f74902;
	}
	.section1 .position_category:not(:first-child) {
		margin-left: calc(100vw / 360 * 16);
	}
}

/**
 * Section2 - desktop
 */
@media (min-width: 768px) {
	.section2 {
		padding-bottom: calc(100vw / 1440 * 120);
		padding-left: calc(100vw / 1440 * 240);
		padding-right: calc(100vw / 1440 * 240);
		box-sizing: border-box;
	}
	.section2 .position_container {
		width: 100%;
		height: calc(100vw / 1440 * 56);
		border: 1px solid #999999;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		padding-left: calc(100vw / 1440 * 29);
		padding-right: calc(100vw / 1440 * 22);
		cursor: pointer;
		margin-top: calc(100vw / 1440 * 24);
	}
	.section2 .position_container .left,
	.section2 .position_container .right {
		display: flex;
		align-items: center;
	}
	.section2 .position_container.selected .category,
	.section2 .position_container.selected .title,
	.section2 .position_container.selected .position,
	.section2 .position_container.selected .recruit_number,
	.section2 .position_container.selected .recruit_due {
		color: #f74902;
	}
	.section2 .position_container.selected .unfold {
		display: none;
	}
	.section2 .position_container.selected .fold {
		display: block;
	}

	.section2 .position_container .category {
		width: calc(100vw / 1440 * 170);
		margin-right: calc(100vw / 1440 * 15);
		text-align: center;
	}
	.section2 .position_container .separator {
		width: calc(100vw / 1440 * 15);
		text-align: center;
		margin-left: calc(100vw / 1440 * 8);
		margin-right: calc(100vw / 1440 * 10);
	}
	.section2 .position_container .title {
		margin-left: calc(100vw / 1440 * 6);
	}
	.section2 .position_container .position {
		text-align: right;
	}
	.section2 .position_container .recruit_number {
		width: calc(100vw / 1440 * 30);
		text-align: center;
	}
	.section2 .position_container .recruit_due {
		min-width: calc(100vw / 1440 * 45);
		text-align: right;
	}
	.section2 .position_container .unfold,
	.section2 .position_container .fold {
		width: calc(100vw / 1440 * 9.88);
		height: calc(100vw / 1440 * 16);
		margin-left: calc(100vw / 1440 * 28);
	}

	.section2 .position_detail {
		width: 100%;
		border: 1px solid #999999;
		box-sizing: border-box;
		padding-top: calc(100vw / 1440 * 32);
		padding-bottom: calc(100vw / 1440 * 32);
		padding-left: calc(100vw / 1440 * 24);
		padding-right: calc(100vw / 1440 * 24);
	}
	.section2 .position_detail .info_list {
		list-style: none;
		margin-block-start: calc(100vw / 1440 * 8);
		margin-block-end: 0;
		padding-inline-start: calc(100vw / 1440 * 12);
	}

	.section2 .position_detail ul li::before {
		content: "\2022";
		color: #ff5100;
		font-weight: bold;
		display: inline-block;
		width: calc(100vw / 1440 * 10);
		margin-left: calc(100vw / 1440 * -10);
		margin-right: calc(100vw / 1440 * 4);
	}
}

/**
 * Section2 - mobile
 */
@media (max-width: 767.98px) {
	.section2 {
		padding-left: calc(100vw / 360 * 24);
		padding-right: calc(100vw / 360 * 24);
		padding-bottom: calc(100vw / 360 * 60);
		box-sizing: border-box;
	}

	.section2 .position_container {
		width: 100%;
		height: calc(100vw / 360 * 57);
		border: 1px solid #999999;
		box-sizing: border-box;
		padding-left: calc(100vw / 360 * 10);
		padding-right: calc(100vw / 360 * 10);
		cursor: pointer;
		margin-top: calc(100vw / 360 * 16);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.section2 .position_container.selected .category,
	.section2 .position_container.selected .title,
	.section2 .position_container.selected .position,
	.section2 .position_container.selected .recruit_number,
	.section2 .position_container.selected .recruit_due {
		color: #f74902;
	}

	.section2 .position_container .title {
		width: 100%;
	}
	.section2 .position_container .description {
		display: flex;
	}
	.section2 .position_container .separator {
		width: calc(100vw / 360 * 11);
		text-align: center;
	}

	.section2 .position_detail {
		width: 100%;
		border: 1px solid #999999;
		box-sizing: border-box;
		padding-top: calc(100vw / 360 * 16);
		padding-bottom: calc(100vw / 360 * 16);
		padding-left: calc(100vw / 360 * 10);
		padding-right: calc(100vw / 360 * 10);
	}
	.section2 .position_detail .info_list {
		list-style: none;
		margin-block-start: calc(100vw / 360 * 4);
		margin-block-end: 0;
		padding-inline-start: calc(100vw / 360 * 12);
	}

	.section2 .position_detail ul li::before {
		content: "\2022";
		color: #ff5100;
		font-weight: bold;
		display: inline-block;
		width: calc(100vw / 360 * 10);
		margin-left: calc(100vw / 360 * -10);
		margin-right: calc(100vw / 360 * 4);
	}
}