@charset "utf-8";
/***************************************************************************************************
	page_joining.css
***************************************************************************************************/
/*
*/
#page_joining {
  width:100%;
  padding:100px 0 0 0;
  overflow: hidden;
}
#page_joining > section {
  width:100%;
  background-image: url('../images/bk_tex_1.jpg');
	background-position: 50% 0;
	background-size: 1460px auto;
  background-repeat: repeat;
}
#page_joining > section::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 400px;
	left:0;
	top:-100px;

	background-image: url('../images/bk_tex_1.jpg');
	background-position: 50% 0;
	background-size: 1460px auto;
  background-repeat: repeat;

	mask-image: url('../images/bk_mask_1.png');
  mask-repeat: repeat-x;
  mask-position: 50% 0;
  mask-size: 1460px auto;
	-webkit-mask-image: url('../images/bk_mask_1.png');
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-position: 50% 0;
  -webkit-mask-size: 1460px auto;
}
/*  */
#page_joining > section .page_content {
  width:100%;
}
/*
*/
#page_joining .blk_1 {
  width:100%;
  max-width: var(--max_wid_1);
  margin: auto;
  padding:20px 0 0 0;
  z-index: 2;
}
/*  */
#page_joining .blk_1_1 {
  width:var(--tgt_wid_1);
  margin: auto;
}
#page_joining .blk_1_1 h2 {
  text-align: center;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color:#ffffff;
}
#page_joining .blk_1_1 p {
  text-align: center;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 700;
  color:#ffffff;
  padding:60px 0 0 0;
}
/*
*/
#page_joining .blk_1_2 {
  width:100%;
  max-width: var(--tgt_wid_1);
  margin: auto;
  padding:70px 0 0 0;
}
#page_joining .blk_1_2 ol {
  width:100%;
  display: block;
  list-style: none;
  font-size: 0;
  margin: auto;
}
#page_joining .blk_1_2 ol li {
  display: inline-block;
  width:14.285%;
  height: 40px;
  padding:0 1%;
  margin-bottom: 2%;
}
#page_joining .blk_1_2 ol li a {
  display: block;
  width:100%;
  height:100%;
  border: 1px solid #ffffff;
  border-radius: 40px;
  text-align: center;
  font-size:16px;
  line-height:40px;
  font-weight: 700;
  color:#ffffff;
  transition:
  color .1s ease-out 0s,
  background-color .1s ease-out 0s;
}
#page_joining .blk_1_2 ol li a.nm_hover {
  color:var(--col_1);
  background-color: #ffffff;
}
#page_joining .blk_1_2 > p {
  text-align: right;
  padding:60px 0 0 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color:#ffffff;
}
/*
*/
#page_joining .blk_2 {
  width:100%;
  max-width: var(--max_wid_1);
  margin: auto;
  padding:20px 0 200px 0;
  z-index: 3;
}
#page_joining .blk_2 > div {
  width:var(--tgt_wid_1);
  margin: auto;
  background-color: #ffffff;
  border-radius: 20px;
  padding:5%;
}
/*  */
#page_joining .blk_2_1 {
  width: 100%;
}
#page_joining .blk_2 .rep_1 {
  width:100%;
  padding: 0 0 80px 0;
}
#page_joining .blk_2 .rep_1:last-of-type {
  padding: 0;
}
#page_joining .blk_2 .rep_1 h3 {
  padding: 0 1%;
}
#page_joining .blk_2 .rep_1 h3 span {
  display: block;
  font-size:26px;
  line-height: 1;
  font-weight: 700;
  padding:0 0 10px 0;
  border-bottom: 1px solid var(--col_1);
}
#page_joining .blk_2 .rep_1 ul {
  width:100%;
  padding:20px 0 0 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
  align-items: stretch;
}
#page_joining .blk_2 .rep_1 ul li {
  flex-grow: 1;
  display: table;
  padding:0 1% 2% 1%;
}
#page_joining .blk_2 .rep_1 ul li:nth-last-of-type(1) {
  flex-grow: .25;
}
#page_joining .blk_2 .rep_1 ul li:nth-last-of-type(2) {
  flex-grow: .25;
}
#page_joining .blk_2 .rep_1 ul li > span,
#page_joining .blk_2 .rep_1 ul li > a {
  display: table-cell;
  height: 70px;
  border: 1px solid #C7C7C7;
  padding:13px 35px;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  font-size:15px;
  line-height: 1.25;
	background-image: url('../images/btn_ico_2.svg');
	background-position: calc(100% - 10px) 10px;
	background-size: 13px auto;
}
#page_joining .blk_2 .rep_1 ul li .blk_img {
  display: block;
/*   width:160px; */
  width:200px;
  height: 50px;
  margin: auto auto 5px auto;
}
#page_joining .blk_2 .rep_1 ul li .blk_img img {
  position: absolute;
  display: block;
  width: 100%!important;;
  height: 100%!important;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
#page_joining .blk_2 .rep_1 ul li > span,
#page_joining .blk_2 .rep_1 ul li > a[href*="未設定"],
#page_joining .blk_2 .rep_1 ul li > a[href*="#"] {
  pointer-events: none;
  background-image: none;
}
/*  */
#page_joining .blk_2_2 {
  width:100%;
  padding:10px 0 20px 0;
}
#page_joining .blk_2_2 > p {
  padding:0 0 60px 0;
  text-align: right;
  font-size: 15px;
  line-height: 1.5;
}
#page_joining .blk_2_2 > p span {
  font-size: inherit;
  line-height: inherit;
}
/*  */
.psty_joining_btn_1 {
  width: 80%;
  min-width: 640px;
  max-width: 740px;
  height:auto;
  border: 4px solid #FCA125;
  border-bottom-width: 9px;
  background-color: #ffffff;
  border-radius: 20px;
  margin: auto;

}
.psty_joining_btn_1 a {
  display: block;
  width:100%;
  padding:23% 0 0 0;
  text-align: left;
  background-image: url('../images/btn_ico_1_3.svg'), url('../images/ill_1_2.svg');
	background-position: 90% 50%, 7% 50%;
	background-size: 16px auto, auto 70%;
}
.psty_joining_btn_1 a span {
  position: absolute;
  display: block;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  color:#FCA125;
  white-space: nowrap;
}


/***************************************************************************************************
  responsive
***************************************************************************************************/

@media screen and (max-width: 1000px) {
/*
*/
#page_joining {
  padding:100px 0 0 0;
}
#page_joining > section::before {
	height: 400px;
	top:-50px;
  mask-size: 400px auto;
  -webkit-mask-size: 400px auto;
}
/*
*/
#page_joining .blk_1 {
  max-width: var(--max_wid_2);
  padding:10px 0 0 0;
}
/*  */
#page_joining .blk_1_1 {
  width:var(--tgt_wid_2);
}
#page_joining .blk_1_1 h2 {
  font-size: 22px;
}
#page_joining .blk_1_1 p {
  font-size: 14px;
  padding:30px 0 0 0;
  text-align: left;
}
/*
*/
#page_joining .blk_1_2 {
  max-width: var(--tgt_wid_2);
  padding:30px 0 0 0;
}
#page_joining .blk_1_2 ol li {
  display: inline-block;
  height: 36px;
  width: 20%;
  min-width: 0;
  padding:0 2px 4px 2px;
  margin-bottom: 0;
}
#page_joining .blk_1_2 ol li a {
  display: block;
  width:100%;
  height:100%;
  border: 1px solid #ffffff;
  border-radius: 5px;
  text-align: center;
  font-size:14px;
  line-height:30px;
  font-weight: 700;
  color:#ffffff;
}
#page_joining .blk_1_2 > p {
  padding:40px 0 0 0;
  font-size: 12px;
}
/*
*/
#page_joining .blk_2 {
  max-width: var(--max_wid_2);
  padding:10px 0 120px 0;
}
#page_joining .blk_2 > div {
  width:var(--tgt_wid_2);
  border-radius: 20px;
  padding:8%;
}
/*  */
#page_joining .blk_2 .rep_1 {
  width:100%;
  padding: 0 0 30px 0;
}
#page_joining .blk_2 .rep_1 h3 {
  padding: 0 ;
}
#page_joining .blk_2 .rep_1 h3 span {
  font-size:18px;
  padding:0 0 8px 0;
}
#page_joining .blk_2 .rep_1 ul {
  padding:15px 0 0 0;
  /* display: block; */
}
#page_joining .blk_2 .rep_1 ul li {
  width:100%;
  /* padding:0;
  margin: auto;
  margin-bottom: 3%; */
}
#page_joining .blk_2 .rep_1 ul li:nth-last-of-type(1) {
  flex-grow: 1;
}
#page_joining .blk_2 .rep_1 ul li:nth-last-of-type(2) {
  flex-grow: 1;
}
#page_joining .blk_2 .rep_1 ul li > span,
#page_joining .blk_2 .rep_1 ul li > a {
  height: auto;
  padding:10px 35px;
  border-radius: 6px;
  font-size:14px;
	background-position: calc(100% - 8px) 8px;
	background-size: 11px auto;
}
#page_joining .blk_2 .rep_1 ul li .blk_img {
  width:80%;
  max-width:160px;
  height: 40px;
}
/*  */
#page_joining .blk_2_2 {
  width:100%;
  padding:15px 0 20px 0;
}
#page_joining .blk_2_2 > p {
  padding:0 0 30px 0;
  text-align: center;
  font-size: 14px;
}
#page_joining .blk_2_2 > p span {
  display:inline-block;

}
/*  */
.psty_joining_btn_1 {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.psty_joining_btn_1 a {
  padding:30% 0 0 0;
	background-position: 95% 50%, 4% 50%;
	background-size: 11px auto, auto 60%;
}
.psty_joining_btn_1 a span {
  left:54%;
  font-size: min(22px, 4.4vw);
}

/*
*/
#page_joining .blk_bk_wave {
  display: none ;
}
/*  */
}