#page-main {
	padding: 4.5vw;
}
.border-wrap,
.part .part-inner,
.content-wrap {
	padding: 3vw;
}
#right {
	right: 3.3vw;
}
#left {
	left: 3.3vw;
}

#intro {
	min-height: calc( 100vh - 45vw );
}

#left {
	text-align: right;
	top: 5vh;
	padding: 3vw 0;
}
#right {
	top: 5vh;
	padding: 3vw 0;
}

#right.top {
	top: 0;
	margin-top: 0 !important;
}
#left.top {
	top: 0;
	margin-top: 0 !important;
}

#left.bottom {
	padding-top: calc( 5vh + 3vw );
}
#right.bottom {
	padding-bottom: calc( 5vh + 3vw );
}



.protocol table.info td:first-child.meta {
	padding-left: 3vw;
}
.protocol + .protocol {
	margin-top: 3vw;
}



.button,
.menu-upper ul li {
	padding: 3vw;
	margin: 3vw;
}

/**
 * @since 1.2
 */
.trigger {
	margin-bottom: -3vw;
}

	

@media ( min-width: 768px ) {
	#page-main {
		padding: 2vw;
	}
	.border-wrap,
	.part .part-inner,
	.content-wrap {
		padding: 2vw;
	}
	#right {
		right: 2vw;
	}
	#left {
		left: 2vw;
	}
	
	#intro {
		min-height: calc( 100vh - 6vw );
	}
	
	#left {
		text-align: right;
		top: 5vh;
		padding: 2vw 0;
	}
	#right {
		top: 5vh;
		padding: 2vw 0;
	}
	
	#left.bottom {
		padding-top: calc( 5vh + 2vw );
	}
	#right.bottom {
		padding-bottom: calc( 5vh + 2vw );
	}
	
	
	
	.protocol table.info td:first-child.meta {
		padding-left: 2vw;
	}
	.protocol + .protocol {
		margin-top: 2vw;
	}
	
	
	
	.button,
	.menu-upper ul li {
		padding: 1vw 2vw;
		margin: 1vw;
	}
	
	/**
	 * @since 1.2
	 */
	.trigger {
		margin-bottom: -2vw;
	}
}



@media ( min-width: 768px ) {
	.part + .part .border-wrap,
	.part + .part .part-inner {
		padding-left: 0;
	}
}