@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//メインカラー指定
$color-g1: #6bc2b4;
$color-g2: #339999;


.no-recruitment {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	margin: 3rem 0;
}

section {
	padding-bottom: 10rem;
	@include md {
		padding-bottom: 8rem;
	}
	@include xs {
		padding-bottom: 6rem;
	}
	&>p {
		font-weight: 600;
		text-align: justify;
		&:first-of-type {
			font-size: 20px;
			font-size: 2rem;
			@include sm {
				font-size: 18px;
				font-size: 1.8rem;
			}
		}
	}
	table {
		th {
			width: 160px;
			padding: 1rem 1.5rem;
			@include xs {
				width: 100%;
			}
		}
		td {
			padding: 1rem 1.5rem;
		}
	}
	a {
		color: #000;
		margin-left: 0.5rem;
		border-bottom: solid 1px #000;
		&::before {
			content: "";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f1c1";
			margin-right: 0.5rem;
		}
		&:hover {
			color: $color-g2;
			border-bottom: solid 1px $color-g2;
		}
	}
}

h3{
	font-size: 25px;
	font-size: 2.5rem;
	@include sm {
		font-size: 23px;
		font-size: 2.3rem;
	}
	@include xs {
		font-size: 20px;
		font-size: 2rem;
	}
	&:after{
		content: none;
	}
}

#recruit-2 {
	a {
		color: #ca464f;
		border-bottom: solid 1px #ca464f;
		&:hover {
			color: $color-g2;
			border-bottom: solid 1px $color-g2;
		}
	}
	
}