@charset "utf-8";

/*-----------------------------------------------------------------------------------------------*/
/* お知らせ -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.main .contents .comment img { width: auto; }
.main .contents .comment a { text-decoration: underline; }


/* 詳細 -----------------------------------------------------------------------------------------*/
.main .midashi h1 { letter-spacing: 0; }
.main .midashi .datetags { margin-top: var(--margin-20); }
.main .article .comment { margin-top: var(--margin-60); }


/* 募集職種 -------------------------------------------------------------------------------------*/
.main .contents.guideline,
.main .contents.flow { margin-top: var(--margin-120); }

/* スライド */
.main .slide li,
.main .thumb li {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	position: relative;
}
.main .slide li img,
.main .thumb li img {
	height: 100%;
	object-fit: cover;
}

.main .thumb { margin-top: var(--margin-10); }
.main .thumb li {
	border: var(--color-border-r) solid 1px;
	cursor: pointer;
	transition: border-color 0.2s ease-out;
}
.main .thumb li.swiper-slide-thumb-active,
.main .thumb li:hover { border-color: var(--color-hover); }

/* 選考フロー */
.main .flow ol {
	display: flex;
	flex-direction: column;
	row-gap: var(--margin-20);
}
.main .flow li {
	background-color: var(--bg-body);
	border-radius: 8px;
	display: flex;
	align-items: center;
	column-gap: var(--margin-20);
	font-size: var(--font-m);
	line-height: var(--line-m);
	padding: 12px var(--margin-20) 14px;
}
.main .flow li span {
	font-size: var(--font-ll);
	font-weight: var(--weight-b);
}
.main .flow .comment { margin-top: var(--margin-20); }

/* エントリーボタン */
.main .midashi { position: static; }
.main .button.entry {
	margin-top: 0;
	position: absolute;
	top: calc(var(--header-h) + var(--margin-90));
	right: 5%;
	z-index: 90;
}
.main .button.entry a {
	background-color: #5ab8d7;
	border-radius: 30px;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.main .button.entry a span::after {
	background-image: url("../images/icon_win.svg");
	top: 0;
}

.main .button.entry.fixed {
	position: fixed;
	top: calc(var(--header-h) + var(--margin-10));
}
/*-----------------------------------------------------------------------------------------------*/




@media(min-width: 640px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* お知らせ -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.main .button { text-align: left; }
	/*-----------------------------------------------------------------------------------------------*/
}



@media(min-width: 768px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* お知らせ -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* 募集職種 -------------------------------------------------------------------------------------*/
	/* スライド */
	.main .thumb { margin-top: var(--margin-20); }
	/*-----------------------------------------------------------------------------------------------*/
}