@charset "utf-8";

/* common
----------------------------------------------------------*/
#pagetitle::before {
	width: 30.3rem;
	height: 13.3rem;
	background-image: url('../images/t_work_hd.svg');
}

@media screen and (min-width: 751px) {
	#pagetitle::before {
		width: min(calc(932 / var(--theme-w_full) * 100vw), 93.2rem);
		height: min(calc(410 / var(--theme-w_full) * 100vw), 41.0rem);
	}
}

/* .page-works
----------------------------------------------------------*/
/* works */
.page-works #works ul.items {
	margin-bottom: -3.6rem;
}
.page-works #works ul.items>li {
	margin-bottom: 3.6rem;
	transform: translateY(6.0rem);
	transition: all .5s cubic-bezier(.4, 0, .2, 1) .1s;
}
.page-works #works ul.items>li.is-active {
	transform: translateY(0);
}
.page-works #works ul.items>li h2 {
	margin-top: 3.0rem;
	font-size: 2.0rem;
	line-height: 1.6;
	font-weight: 500;
}

@media screen and (min-width: 751px) {
	.page-works #works ul.items {
		margin-bottom: max(calc(-60 / var(--theme-w_full) * 100vw), -6.0rem);
	}
	.page-works #works ul.items>li {
		margin-bottom: min(calc(60 / var(--theme-w_full) * 100vw), 6.0rem);
	}
	.page-works #works ul.items>li:nth-of-type(2n) {
		transition-delay: .2s;
	}
	.page-works #works ul.items>li h2 {
		margin-top: min(calc(30 / var(--theme-w_full) * 100vw), 3.0rem);
	}
}
@media screen and (min-width: 992px) {
	.page-works #works ul.items>li:nth-of-type(4n+1) {
		transition-delay: .1s;
	}
	.page-works #works ul.items>li:nth-of-type(4n+2) {
		transition-delay: .2s;
	}
	.page-works #works ul.items>li:nth-of-type(4n+3) {
		transition-delay: .3s;
	}
	.page-works #works ul.items>li:nth-of-type(4n+4) {
		transition-delay: .4s;
	}
}

/* .page-detail
----------------------------------------------------------*/
/* detail */
.page-detail #detail .ttl {
	margin-top: -1.0rem;
	font-size: 3.0rem;
}
.page-detail #detail .mv {
	height: 283px;
	margin: 7.4rem -9.6vw 5.5rem;
}
.page-detail #detail .text_block p {
	margin-bottom: 3.3rem;
	line-height: 1.89;
}
.page-detail #detail .summary {
	margin-top: 5.6rem;
	margin-bottom: 6.0rem;
	padding: 1.8rem 1.8rem 1.7rem;
	border: solid 2px var(--theme-c_gray);
	font-size: 1.6rem;
	line-height: 1.35;
}
.page-detail #detail .summary dd {
	margin-top: .7rem;
}
.page-detail #detail .summary dd+dt {
	margin-top: 2.3rem;
}
.page-detail #detail .link_block .url {
	font-size: 1.5rem;
	line-height: 1.47;
	word-break: break-all;
}
.page-detail #detail .link_block .url a {
	text-decoration: underline;
}
.page-detail #detail .link_block .url a:hover {
	text-decoration: none;
}
.page-detail #detail .link_block .badges {
	align-items: center;
	margin: 3.9rem 0 0 0;
}
.page-detail #detail .link_block .badges li+li {
	margin-left: .5rem;
}
.page-detail #detail .link_block .badges .ico_google img {
	width: 16.3rem;
}
.page-detail #detail .link_block .badges .ico_app img {
	width: 13.5rem;
}

@media only screen and (min-width: 751px) {
	.page-detail #detail .ttl {
		margin-top: 0;
		font-size: 4.0rem;
	}
	.page-detail #detail .mv {
		height: min(calc(516 / var(--theme-w_full) * 100vw), 51.6rem);
		margin: min(calc(74 / var(--theme-w_full) * 100vw), 7.4rem) 0 min(calc(76 / var(--theme-w_full) * 100vw), 7.6rem);
	}
	.page-detail #detail .text_block {
		width: 92.935%;
		margin-right: auto;
		margin-left: auto;
	}
	.page-detail #detail .text_block p {
		margin-bottom: min(calc(34 / var(--theme-w_full) * 100vw), 3.4rem);
	}
	.page-detail #detail .text_block p.cell {
		margin-bottom: min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem);
	}
	.page-detail #detail .summary {
		width: 92.935%;
		margin: min(calc(76 / var(--theme-w_full) * 100vw), 7.6rem) auto min(calc(40 / var(--theme-w_full) * 100vw), 4.0rem);
		padding: min(calc(11 / var(--theme-w_full) * 100vw), 1.1rem) min(calc(28 / var(--theme-w_full) * 100vw), 2.8rem) min(calc(17 / var(--theme-w_full) * 100vw), 1.7rem);
		font-size: 1.6rem;
		line-height: 1.35;
	}
	.page-detail #detail .summary dl {
		display: flex;
		flex-wrap: wrap;
	}
	.page-detail #detail .summary dl dt {
		position: relative;
		width: 16.8rem;
		margin-top: .7rem;
	}
	.page-detail #detail .summary dl dt::after {
		content: '：';
		position: absolute;
		right: 1.2em;
	}
	.page-detail #detail .summary dl dd {
		width: calc(100% - 16.8rem);
	}
	.page-detail #detail .link_block {
		width: 92.935%;
		margin-right: auto;
		margin-left: auto;
	}
	.page-detail #detail .link_block .url {
		font-size: 1.8rem;
	}
	.page-detail #detail .link_block .badges {
		align-items: center;
		margin: min(calc(26 / var(--theme-w_full) * 100vw), 2.6rem) 0 0 max(calc(-14 / var(--theme-w_full) * 100vw), -1.4rem);
	}
	.page-detail #detail .link_block .badges .ico_google img {
		width: min(calc(225 / var(--theme-w_full) * 100vw), 22.5rem);
	}
	.page-detail #detail .link_block .badges .ico_app img {
		width: min(calc(187 / var(--theme-w_full) * 100vw), 18.7rem);
	}
}
/* detail_image */
.page-detail #detail_image {
	position: relative;
	margin-top: 4.6rem;
	padding-top: 6.1rem;
}
.page-detail #detail_image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	margin-left: min(9.6%, 100px);
	margin-right: min(9.6%, 100px);
	background-color: var(--theme-c_gray);
}
.page-detail #detail_image .items+.items {
	margin-top: 4.0rem;
}
.page-detail #detail_image img+img {
	margin-top: 1.2rem;
}
.page-detail #detail_image .col2-cell>.cell {
	width: 47.855%;
}
.page-detail #detail_image .col3-cell>.cell {
	width: 31.683%;
}
@media only screen and (min-width: 751px) {
	.page-detail #detail_image {
		margin-top: min(calc(103 / var(--theme-w_full) * 100vw), 10.3rem);
		padding-top: min(calc(122 / var(--theme-w_full) * 100vw), 12.2rem);
	}
	.page-detail #detail_image .items {
		width: 92.935%;
		margin-right: auto;
		margin-left: auto;
	}
	.page-detail #detail_image .items+.items {
		margin-top: min(calc(100 / var(--theme-w_full) * 100vw), 10.0rem);
	}
	.page-detail #detail_image img+img {
		margin-top: min(calc(52 / var(--theme-w_full) * 100vw), 5.2rem);
	}
	.page-detail #detail_image .col2-cell>.cell {
		width: 48.099%;
	}
	.page-detail #detail_image .col3-cell>.cell {
		width: 30.994%;
	}
}

/* occupation */
.page-detail #occupation .job_block {
	padding-bottom: 6.0rem;
}
.page-detail #occupation .job_block .recruit_btn {
	padding-bottom: 5.8rem;
}
.page-detail #occupation .job_block .illust {
	position: absolute;
	right: 0;
	bottom: 1.0rem;
}
.page-detail #occupation .job_block .illust li:nth-child(-n+3) {
	display: none;
}
.page-detail #occupation .job_block .illust li:nth-of-type(4) {
	width: 11.3rem;
	margin-right: 2.0rem;
}
.page-detail #occupation .job_block .illust li:nth-of-type(5) {
	width: 8.3rem;
	margin-right: .5rem;
}
.page-detail #occupation .job_block .illust li:nth-of-type(6) {
	width: 8.2rem;
	margin-top: -.6rem;
}

@media only screen and (min-width: 751px) {
	.page-detail #occupation .job_block {
		padding-bottom: min(calc(80 / var(--theme-w_full) * 100vw), 8.0rem);
	}
	.page-detail #occupation .job_block .recruit_btn {
		padding-bottom: min(calc(15 / var(--theme-w_full) * 100vw), 15px);
	}
	.page-detail #occupation .job_block .illust {
		bottom: max(calc(-9 / var(--theme-w_full) * 100vw), -.9rem);
		right: min(calc(130 / var(--theme-w_full) * 100vw), 13.0rem);
	}
	.page-detail #occupation .job_block .illust li:nth-child(-n+3) {
		display: block;
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(1) {
		width: min(calc(113 / var(--theme-w_full) * 100vw), 113px);
		margin: max(calc(-8 / var(--theme-w_full) * 100vw), -.8rem) max(calc(-10 / var(--theme-w_full) * 100vw), -1.0rem) 0 0;
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(2) {
		width: min(calc(90 / var(--theme-w_full) * 100vw), 90px);
		margin: min(calc(-8 / var(--theme-w_full) * 100vw), -.8rem) min(calc(-10 / var(--theme-w_full) * 100vw), -1.0rem) 0 0;
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(3) {
		width: min(calc(113 / var(--theme-w_full) * 100vw), 113px);
		margin: max(calc(-8 / var(--theme-w_full) * 100vw), -.8rem) min(calc(116 / var(--theme-w_full) * 100vw), 11.6rem) 0 0;
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(4) {
		width: min(calc(154 / var(--theme-w_full) * 100vw), 154px);
		margin: .1rem min(calc(32 / var(--theme-w_full) * 100vw), 3.2rem) 0 0;
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(5) {
		width: min(calc(114 / var(--theme-w_full) * 100vw), 114px);
		margin-right: min(calc(7 / var(--theme-w_full) * 100vw), .7rem);
	}
	.page-detail #occupation .job_block .illust li:nth-of-type(6) {
		width: min(calc(113 / var(--theme-w_full) * 100vw), 113px);
		margin-top: max(calc(-8 / var(--theme-w_full) * 100vw), -.8rem);
	}
}