@charset "utf-8";

/* *************************************************************************************
 * Customize
 ************************************************************************************* */

/***************************
 * 共通
 *********************************************** */

/* 基本ページ コンテンツ内最初の要素の余白調整 */
.page-basic > *:first-child {
	margin-top: 40px!important;
}

.page-basic ol {
  list-style: decimal;
  margin-left: 20px;
}
.page-basic ol li ol {
  margin-top: 10px;
}

.page-basic a.block {
  display: block;
  width: fit-content;
}


/***************************
 * 運営会社
 *********************************************** */
dl.company__list {
  margin: 0;
}
.company__item {
	border-bottom: 1px solid #ddd;
  line-height: 1.6;
}

dd.company__description {
  margin: 0;
}

.company__term p {
	font-weight: 700;
}

@media screen and (min-width: 768px) {
	.company__item {
    display: grid;
    /* grid-template-columns: 232px 1fr; */
    grid-template-columns: 270px 1fr;
    padding-block: 32px;
  }
	
	/* .company__item p, */
  .company__item * {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px) {
	.company__item {
    padding-block: 16px;
  }
	
	/* .company__item p, */
  .company__item * {
		font-size: 1.4rem;
	}
}

/***************************
 * 利用規約
 *********************************************** */
/* .page-node-type-page article .node__content .page-terms p {
	font-size: 1.6rem;
	line-height: 1.4;
}

.page-node-type-page article .node__content .page-terms h2 {
	font-size: 2.0rem;
	margin-top: 4.0rem;
	margin-bottom: 1.0rem;
} */

.page-node-type-page article .node__content .page-terms ul.number {
	list-style-type: upper-roman;
  margin-bottom: 2.0rem;
  margin-left: 2.0rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-node-type-page article .node__content .page-terms ul.number li {
	margin-bottom: 0.8rem;
}


/***************************
 * プライバシーポリシー
 *********************************************** */
/* .page-node-type-page article .node__content .page-privacy p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.page-node-type-page article .node__content .page-privacy h2 {
	font-size: 2.0rem;
	margin-top: 4.0rem;
	margin-bottom: 1.0rem;
}

.page-node-type-page article .node__content .page-privacy h3 {
	font-size: 1.8rem;
	margin-top: 2.0rem;
	margin-bottom: 0.8rem;
}

.page-node-type-page article .node__content .page-privacy h4 {
	font-size: 1.6rem;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.page-node-type-page article .node__content .page-privacy ol {
	list-style-type: decimal;
  margin-bottom: 2.0rem;
  margin-left: 2.0rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-node-type-page article .node__content .page-privacy ul.number {
	list-style-type: upper-roman;
  margin-bottom: 2.0rem;
  margin-left: 2.0rem;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-node-type-page article .node__content .page-privacy ul.number li {
	margin-bottom: 0.8rem;
}

@media screen and (max-width: 767px) {
	.page-node-type-page article .node__content .page-privacy ol {
		font-size: 1.4rem;
	}
}


.page-node-type-page article .node__content .page-privacy table {
	font-size: 1.6rem;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin-top: 32px;
}

.page-node-type-page article .node__content .page-privacy table thead {
	background-color: #f5f5f5;
}

.page-node-type-page article .node__content .page-privacy table thead th {
  height: 42px;
  line-height: 1.6;
	font-weight: 500;
  text-align: center;
	border: 1px solid #e6e6e6;
}
.page-node-type-page article .node__content .page-privacy table thead th:first-child {
	width: 20.0rem;
}

.page-node-type-page article .node__content .page-privacy table tbody td {
	border: 1px solid #e6e6e6;
	padding: 1.5rem;
	vertical-align: top;
}

@media screen and (max-width: 767px) {
	.page-node-type-page article .node__content .page-privacy table thead th:first-child {
		width: 9.5rem;
	}
	.page-node-type-page article .node__content .page-privacy table thead th {
		font-size: 1.4rem;
    line-height: 1.4;
    padding: 1.0rem;
	}
	.page-node-type-page article .node__content .page-privacy table tbody td {
		padding: 1.0rem;
		font-size: 1.4rem;
	}
} */


/***************************
 * タブメニュー
 *********************************************** */
.page-basic ul.tabs {
	flex-wrap: wrap;
	margin-left: 0!important;
}
.page-basic ul.tabs.primary li a {
	text-decoration: none;
}

/***************************
 * よくある質問
 *********************************************** */
/* FAQ content */
.faq-content {
  position: relative;
  background: var(--white-color);
  box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
details.faq-content:after {
	content:"";
  display:block;
  width:10px;
  height:10px;
  border-top: var(--orange-color-2) 2px solid;
  border-right: var(--orange-color-2) 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 25px;
  top: 25px;
  margin: auto;
}
details.faq-content[open]:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  margin: auto;
}

/* Q */
.faq-q {
	font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  display: flex;
  gap: 10px;
  padding: 20px 40px 20px 20px;
}
.faq-q::-webkit-details-marker {
  display: none;
}
.faq-q:hover {
  color: var(--orange-color-2);
}
.faq-q:before {
  content: "Q.";
  display: block;
  color: var(--orange-color-2);
  font-size: 1.8rem;
	line-height: 1.3;
}
details[open] .faq-q {
	color: var(--orange-color-2);
}
/* A */
.faq-a {
  overflow: hidden;
  margin: 0;
  display: flex;
  gap: 10px;
	padding: 10px 20px 20px;
}
.faq-a:before {
  content: "A.";
  font-weight: 500;
  color: var(--orange-color-2);
  font-size: 1.8rem;
	line-height: 1.3;
}
.faq-a .wrapper {
	flex: 1;
}
.faq-a * {
	margin-top: 0;
}
.faq-a .wrapper > *{
	margin-bottom: 12px!important;
}
.faq-a ul {
	list-style: desc;
  margin-left: 25px;
}
.faq-a ol {
	list-style: decimal;
  margin-left: 25px;
}

.faq-a li {
	margin-bottom: 5px!important;
}



/***************************
 * コレジョブとは
 *********************************************** */
.card {
	background-color: var(--white-color);
	box-shadow: 2px 2px 8px 0px rgba(192, 165, 72, 0.3);
  border-radius: 10px;
  overflow: hidden;
	margin-bottom: 20px;
	padding: 40px 40px;
}
@media screen and (max-width: 767px) {
	.card {
		padding: 20px;
	}
}
.page-basic .card h3 {
	margin-top: 0!important;
	margin-bottom: 15px!important;
}
.page-basic .card p {
	margin-top: 0!important;
	margin-bottom: 12px!important;
}



.page-basic .board {
	background-color: var(--white-color);
/* 	background-color: rgba(255, 255, 255, 0.8); */
/* 	border: 1px solid var(--orange-color-1); */
	border-radius: 10px;
	/* padding: 5px 40px 40px; */
	padding: 40px 40px;
}
@media screen and (max-width: 767px) {
	.page-basic .board {
		/* padding: 5px 20px 30px; */
		padding: 30px 20px;
	}
}

.board ol {
	list-style: decimal;
}
.board ol li {
	margin-left: 20px;
	padding-left: 5px;
}
@media screen and (max-width: 767px) {
  .board ol {
    margin-left: 0!important;
  }
}

.annotation.block {
	display: block;
}
.annotation:before {
	content: '※';
	display: inline-block;
}


.page-basic img {
	width: 100%;
}

.page-basic .btn-img {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 500px;
	width: 100%;
	margin-top: 40px;
	background-color: var(--white-color);
	border: 5px solid var(--orange-color-1);
	border-radius: 10px;
	
	box-shadow: 2px 2px 12px 0px rgba(192, 165, 72, 0.3);
}

.page-basic .btn-img:hover {
	box-shadow: 2px 2px 2px 0px rgba(192, 165, 72, 0.3);
}

.page-basic .btn-img img {
	max-width: 380px;
}



/***************************
 * ご就業中の方へ
 *********************************************** */
.card-list.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-left: 0!important;
	margin-right: 0!important;
/* 	list-style: none; */
}

.card-list.flex li {
	width: calc((100% - 30px * 2 ) / 3);
	height: 150px;
	margin-bottom: 0!important;
	padding: 0;
	list-style: none;
}
.card-list.flex li:hover {
  opacity: 0.8;
}

.card-list.flex li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 40px;
	text-decoration: none!important;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
	.card-list.flex li a {
		padding: 20px;
	}
}

@media screen and (max-width: 767px) {
	.card-list.flex {
		gap: 20px;
	}
	.card-list.flex li {
		width: calc((100% - 20px) / 2);
	}
	.card-list.flex li a {
		font-size: 1.4rem!important;
	}
  .card-list.flex li a:has(span) {
    padding-left: 10px;
    padding-right: 10px;
  }
}


/***************************
 * 掲載会社拠点情報
 *********************************************** */
.page-office .card-list.flex .card {
  width: calc((100% - 30px) / 2);
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .page-office .card-list.flex {
    gap: 20px;
  }
  .page-office .card-list.flex .card {
    width: 100%;
  }
}


/***************************
 * 給与振込について
 *********************************************** */
.page-payroll img {
  max-width: 600px;
}

ul.annotation {
  list-style-type: none!important;
  margin-left: 0!important;
}
ul.annotation:before {
  content: none;
}
ul.annotation > li:before {
  content: '※';
}
ul.annotation li {
  text-indent: -1em;
  padding-left: 1em;
/* 	margin-bottom: 5px!important; */
}
ul.annotation li ul li {
  text-indent: initial;
  padding-left: initial;
}



/***************************
 * 日雇例外派遣について
 *********************************************** */
.page-dispatch img {
  max-width: 600px;
}



/***************************
 * 申請書類
 *********************************************** */
.page-document .card-list.flex li a {
	gap: 10px;
}
.page-document .card-list.flex li img {
	max-width: 60px;
	width: 100%;
	height: 100%;
}
.page-document .card-list.flex li span {
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
	.page-document .card-list.flex li img {
		max-width: 50px;
		height: auto;
	}
	.page-document .card-list.flex li span {
		font-size: 1.5rem;
	}
}



/***************************
 * スタッフ専用サイト
 *********************************************** */
.page-staff img {
	max-width: 200px;
}



/***************************
 * 入職時研修
 *********************************************** */
 .page-basic table {
	font-size: 1.5rem;
}

.page-basic table:not(.sim-area) {
/* 	border-collapse: separate; */
	border-collapse: collapse;
	max-width: 600px;
	width: 100%;
	margin-bottom: 40px;
}

.page-basic table:not(.sim-area) thead {
/* 	border-bottom: 2px solid #C0A548; */
	border-bottom: 2px solid rgba(192, 165, 72, 0.5);
/* 	margin-bottom: 5px;
	padding-bottom: 5px; */
}
.page-basic table th,
.page-basic table td {
	padding: 20px 20px;
}
.page-basic table:not(.sim-area) thead + tbody td {
	border-bottom: 1px solid rgba(192, 165, 72, 0.3);
	
}

/* .page-basic table:not(.sim-area, :has(thead)) tbody th {
	border-right: 2px solid rgba(192, 165, 72, 0.5);
} */
.page-basic table:not(.sim-area, :has(thead)) tbody th,
.page-basic table:not(.sim-area, :has(thead)) tbody td {
	border-bottom: 1px solid rgba(192, 165, 72, 0.3);
}

.page-basic table:not(.sim-area, :has(thead)) tbody tr:last-child th,
.page-basic table:not(.sim-area, :has(thead)) tbody tr:last-child td {
	border-bottom: 0;
}


table.sim-area {
	margin-bottom: 40px;
	border-collapse: separate;
  border-spacing:0px;
}
table.sim-area caption {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: left;
	margin-bottom: 10px;
}

.simulation table.sim-area {
	border: 1px solid #ccc;
	max-width: 100%;
	width: 100%;
}
.simulation table.sim-area tr:not(:last-child) td {
	border-bottom: 1px solid #ccc;
}

.simulation table.sim-area tr td.supported {
	width: 100px;
}
.simulation table.sim-area tr td.point {
	width: 55px;
}
.simulation table.sim-area tr td.comment {
	width: calc(100% - 100px - 55px);
}

@media screen and (max-width: 767px) {
	.simulation table.sim-area tr td {
		font-size: 1.3rem;
	}
	.simulation table.sim-area tr td.supported {
		width: 70px;
		padding: 10px 10px 10px 15px;
	}
	.simulation table.sim-area tr td.point {
		width: 20px;
		padding: 10px 0;
	}
	.simulation table.sim-area tr td.comment {
		width: calc(100% - 70px - 20px);
		padding: 10px 15px 10px 10px;
	}

}

.description table.sim-area {
	margin-bottom: 0;
}

.description table.sim-area td {
	padding: 10px;
	font-size: 1.6rem;
	vertical-align: top;
	
}
@media screen and (max-width: 767px) {
	.description table.sim-area td {
		font-size: 1.4rem;
	padding: 5px 10px;
	}
}

.card.manual {
	box-shadow: none;
}

.card.manual .description {
/* 	border: none; */
	background-color: var(--white-color);
	border-color: #ccc;
	padding: 40px;
	color: #000;
}

@media screen and (max-width: 767px) {
	.card.manual .description {
		padding: 20px 10px;
	}
}