@charset "UTF-8";
/*===================================================================

		採用情報

===================================================================*/
.btn-recruit {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
	}

.btn-recruit li {
  flex: 1 1 calc(50% - 10px);
	}

.btn-recruit li a{
	display: block;
	padding-top: .6rem;
	padding-bottom: .6rem;
	color: #FFF;
	text-align: center;
	background-color: var(--color_main);
	border-radius: 8px;
	}

@media screen and (max-width: 767.98px) {
  .btn-recruit {
    max-width: 100%;
    padding: 10px;
    gap: 15px;
	  }

  .btn-recruit li{
    flex: 1 1 100%;
		}
}

.btn-square{
	padding-top: .6rem;
	padding-bottom: .6rem;
	width: 100%;
	text-align: center;
	}

.mt-recruit01{margin-top: 6rem!important;}
.mt-recruit02{margin-top: 3rem!important;}

/*
	DearFlipサムネイル
--------------------------------------------------*/
.df-popup-thumb {
	position: absolute; /* または absolute */
	left: 45%;
	transform: translateX(-45%);
	width: 30% !important;
	height: auto;
	}

@media screen and (max-width: 767.98px) {
	.df-popup-thumb {
		position: relative;
		width: 60% !important;
		}
}