@charset "UTF-8";
/* CSS Document */

/* project.css */

.fade_off {
	visibility: hidden;
	opacity: 0;
	transition-duration: 1s;
}

.fade_on {
	visibility: visible;
	opacity: 1;
	transition-duration: 1s;
}

@media only print, only screen and (min-width: 18.75em) {
	/* commoon */

	.floatL {
		float: none;
		margin-bottom: 5px !important;
	}

	.floatR {
		float: none;
	}

	/* layout */

	#header.hide {
		transform: translate3d(0, -192px, 0);
	}

	#mainVisual {
		margin-bottom: 75px;
	}

	#projectList li {
		margin-bottom: 75px;
	}

	.projectListImgPort {
		width: 100%;
		margin: 0 auto;
	}

	.projectListImgDouble {
		width: 100%;
		margin: 0 auto;
	}

	.projectListImgLand {
		width: 100%;
		margin: 0 auto;
	}

	.projectListImgPort.spPadding {
		width: calc(100% - 40px);
		padding: 0 20px;
	}

	#staffCredit {
		width: 100%;
		height: calc(100vh - 200px);
		position: relative;
		font-size: 12px;
		line-height: 2;
		text-align: center;
		white-space: nowrap;
	}

	#staffCreditInner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media only print, only screen and (min-width: 768px) {
}

@media only print, only screen and (min-width: 1000px) {

  #main{
    padding-bottom: 295px;
  }

	/* commoon */

	.floatL {
		float: left;
		margin-bottom: 0 !important;
	}

	.floatR {
		float: right;
	}

	/* layout */

	#header.hide {
		transform: translate3d(0, -192px, 0);
	}

	#mainVisual {
		margin-bottom: 8.27vw;
    position: relative;
    z-index: 1111;
	}

	#projectList li {
		margin-bottom: 8.27vw;
	}

	.projectListImgPort {
		width: 52.44vw;
		margin: 0 auto;
	}

	.projectListImgDouble {
		width: 94vw;
		margin: 0 auto;
	}

	.projectListImgLand {
		width: 73.2vw;
		margin: 0 auto;
	}

	.projectListImgPort.spPadding {
		width: 46.85vw;
		padding: 0;
	}

	#staffCredit {
		width: 100%;
		height: calc(100vh - 75px);
		position: relative;
		font-size: 13px;
		line-height: 2;
		text-align: center;
	}

	#staffCreditInner {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#staffCreditInner .pc {
		display: inline-block;
	}
}

@media only print, only screen and (min-width: 1800px) {
}