@charset "UTF-8";

/*
========================================

	/recruit/css/recruit.css
 
========================================
*/

.recruit {
	
}

.recruit .site_card {
    display: flex;
    align-items: stretch;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(213 222 238 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}


.recruit .site_card div.card_img img.site {
    aspect-ratio: 16 / 9;
    -o-object-fit: contain;
    object-fit: contain;
}

.recruit .site_card .card_box {
	
}

.recruit .site_card .card_btn {
	display: flex;
	align-items: flex-end;
	padding-left: 2rem;
	width: 14rem;
}



@media (max-width: 768px) {
	.recruit .site_card {
		 display: block;
	}
	
	.recruit .site_card .card_btn {
		width: 100%;
		padding-left: 0;
	}
}


@media (min-width: 768px) {
   .recruit .site_card  {
        padding: 2rem;
    }
}


@media (min-width: 1280px) {
    .recruit .site_card  {
        padding: 2.5rem;
    }
}

@media (min-width: 1440px) {
    .recruit .site_card  {
        padding: 4rem;
    }
}