@charset "utf-8";

.work-credits,
footer,
#contents .section.work-detail-full + .section {background-color: rgba(239,240,241,1);}

.work-info {min-height: 356px;}
.work-copy {padding-top: 60px; padding-bottom: 111px; line-height: 1.85; font-size: 22px; word-break: keep-all;}

.work-item-list {padding-bottom: 6px;}
.work-item-list .col {overflow: hidden; width: 33.33%; padding: 0;}
.work-item-list .col > img {width: auto;}
.work-item-list .col + .col {padding-top: 0;}
.work-item-list .col + .col > img {margin: 0 auto;}
.work-item-list .col + .col + .col > img {float: right;}
.work-item-list .pc-view {display: block;}
.work-item-list .mo-view {display: none;}

.project96-content0 {height: 1226px; background: url('/resource/images/work/project96/content0.jpg') no-repeat 50% 50%; background-size: 1920px auto; background-attachment: fixed;}
#contents .section.work-detail-full.project96-content1 {padding-top: 187px;}
.project96-content4 .work-item-list {padding-bottom: 163px;}


@media screen and (max-width: 1586px) { /* content:1366 margin:200 scrollbar:20 */
	.work-item-list .col > img {width: 25.347vw;}
}

@media screen and (max-width: 1366px) {
	.work-info {min-height: auto;}
	.project96-content0 {background-size: 1680px auto;}
}

@media screen and (max-width: 1024px) {
	.work-info {min-height: 278px;}
	.work-copy {padding-top: 30px; padding-bottom: 58px; line-height: 1.45; font-size: 14px;}

	.work-item-list {padding-bottom: 5px;}
	.work-item-list .col > img {width: 214px;}

	.project96-content0 {height: 590px; background-size: 1070px auto;}
	#contents .section.work-detail-full.project96-content1 {padding-top: 112px;}
	.project96-content4 .work-item-list {padding-bottom: 106px;}
}

@media screen and (max-width: 768px) {
	.work-info {min-height: auto;}
	.work-copy {padding-top: 22px; padding-bottom: 36px; line-height: 1.7; font-size: 12px;}

	.work-item-list {padding-bottom: 3px;}
	.work-item-list .col {float: left; width: 50%;}
	.work-item-list .col > img {width: 92.6%;}
	.work-item-list .col + .col + .col > img {float: none; margin: 0;}
	.work-item-list .col + .col + .col > img + img {margin-top: 8.4vw;}
	.work-item-list .col + .col + .col + .col + .col {padding-top: 26.8vw;}
	.work-item-list .col + .col + .col + .col + .col > img {float: right;}
	.work-item-list .pc-view {display: none;}
	.work-item-list .mo-view {display: block;}

	.project96-content4 .work-item-list .col + .col {padding-top: 26.8vw;}
	.project96-content4 .work-item-list .col + .col > img {float: right; margin: 0;}

	.project96-content0 {height: auto; padding-bottom: 68.8%; background-size: 127% auto; background-attachment: scroll;}
	#contents .section.work-detail-full.project96-content1 {padding-top: 54px;}
	.project96-content4 .work-item-list {padding-bottom: 60px;}
}