@charset "utf-8";

/* SP */
@media screen and (max-width: 750px) {

#interview {
	padding: 13.33vw 7.2vw 8vw;
	}

#interview .select-area {
	border-bottom: 0.26vw solid #000;
	margin: 13.33vw 0 8.26vw;
	padding-bottom: 2.66vw;
	}

#interview .btn-all img {
	width: 25.6vw;
	}

#interview .select-item span {
	display: block;
	margin-bottom: 6.13vw;
	}

#interview .select-item span:nth-child(1) img {
	width: 25.6vw;
	}

#interview .select-item span:nth-child(2) img {
	width: 61.33vw;
	}

#interview .select-item span:nth-child(3) img {
	width: 49.33vw;
	}

#interview .link img {
	width: 35.2vw;
	}

#interview .search-result {
	margin-top: 21.2vw;
	}

#interview input[type="radio"] {
	display: none;
	}

#interview .item {
	display: none;
	padding-bottom: 21.2vw;
	}

#interview .item a {
	display: block;
	text-decoration: none;
	}

#interview .item .title {
	font-size: 4.18vw;
	line-height: 6.26vw;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.1rem;
	font-feature-settings: "palt";
	padding-top: 2.66vw;
	}

#interview .item .name {
	font-size: 3.13vw;
	line-height: 8.66vw;
	font-weight: 700;
	color: #000;
	padding-top: 1vw;
	}

#interview .item .job {
	font-size: 3.13vw;
	line-height: 4vw;
	font-weight: 700;
	color: #b5b5b6;
	padding-top: 0;
	}

#interview .is-selected {
	display: block;
	animation: appear .5s ease;
	}

}/* SP end */


/* PC */
@media screen and (min-width: 751px) {

#interview {
	width: 1020px;
	margin: 0 auto;
	padding: 60px 0 0;
	}

#interview .select-area {
	margin: 40px 0 22px;
	padding-bottom: 24px;
	border-bottom: 1px solid #000;
	}

#interview .select-check {
	margin-right: 24px;
	}

#interview .select-check img {
	cursor: pointer;
	}

#interview .btn-all {
	margin-bottom: 15px;
	cursor: pointer;
	}

#interview input[type="radio"] {
	display: none;
	}

#interview .search-result {
	margin-top: 58px;
	}

#interview .item-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}

#interview .item-list::after {
	content: "";
	display: block;
	width: 30%;
	}

#interview .item {
	display: none;
	width: 326px;
	height: 360px;
	}

#interview .item a {
	display: block;
	text-decoration: none;
	}

#interview .item a:hover img {
	opacity: 0.6;
	transition: .3s;
	}

#interview .item img {
	width: 326px;
	}

#interview .item .title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.1rem;
	font-feature-settings: "palt";
	padding-top: 10px;
	}

#interview .item .name {
	font-size: 12px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	padding-top: 8px;
	}

#interview .item .job {
	font-size: 12px;
	line-height: 24px;
	font-weight: 700;
	color: #b5b5b6;
	padding-top: 2px;
	}

#interview .is-selected {
	display: block;
	animation: appear .5s ease;
	}

}/* PC end */


@keyframes appear {
	0%{
		opacity: 0;
		}
	100%{
		opacity: 1;
		}
	}