@charset "utf-8";

/* BOX */
	.box,
	.box-buffer,
	.box-border {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		}
	.box-buffer {
		justify-items: center;
		}
	.box-content-left .box-buffer {
		justify-items: flex-start;
		}
	.box-content-right .box-buffer {
		justify-items: flex-end;
		}
	.box-border {
		border: 0.1rem solid transparent;
		}
	.box-container,
	.box-holder {
		display: block;
		min-width: 0;
		width: 100%;
		}
	.box-container.shading-opacity-0 > .box-holder.mgs {
		padding-left: 0;
		padding-right: 0;
		}
	.box-container.shading-opacity-0 > .box-holder.mgv {
		margin-bottom: 0;
		margin-top: 0;
		}
	.box.box-inside .box-container {
		z-index: 8;
		}
	.box-height {
		align-items: flex-start;
		min-height: 100vh;
		}
	.box-height.box-height-centered {
		align-items: center;
		}
	.box.box-round-next {
		padding-bottom: 10rem;
		}
	.box.box-round-next + .box,
	.box.box-round-next + .section.shading-none {
		border-radius: 10rem 0 0 0;
		margin-top: -10rem;
		}
	.box.box-round-next + .section.shading-none {
		background-color: var(--mywp-white);
		}
	.box.box-inside.shading-waves {
		overflow: hidden;
		}
	.box.box-inside.shading-waves .box-container.wd-h .box-holder::before,
	.box.box-inside.shading-waves .box-container.wd-h .box-holder::after {
		background: url('../images/wave.png');
		content: '';
		height: 6rem;
		position: absolute;
		width: 45rem;
		}
	.box.box-inside.shading-waves .box-container.wd-h .box-holder::before {
		right: calc(100% + 2rem);
		top: 1rem;
		}
	.box.box-inside.shading-waves .box-container.wd-h .box-holder::after {
		bottom: 0;
		left: calc(100% + 2rem);
		}
	@media (min-width: 40em) {
		.box.box-inside .box-container.wd-h {
			width: 50%;
			}
	}
	@media (min-width: 60em) {
		.box.box-round-next {
			padding-bottom: 20rem;
			}
		.box.box-round-next + .box,
		.box.box-round-next + .section.shading-none {
			border-radius: 20rem 0 0 0;
			margin-top: -20rem;
			}
	}