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

	
	.shape-wave_transparent-top {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		transform: rotate(180deg);
		/* [disabled]z-index: 5000; */
	}

	.shape-wave_transparent-top svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 35px;
		transform: rotateY(180deg);
	}

	
	/* bottom */
	.shape-wave_transparent-bottom {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	}

	.shape-wave_transparent-bottom svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 12px;
		transform: rotateY(180deg);
	}

    /* offset arrow */
    .shape-header-hero-top {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    .shape-header-hero-top svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 46px;
        transform: rotateY(180deg);
    }

    /* offset arrow */
    .shape-header-hero-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
    }

    .shape-header-hero-bottom svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 46px;
        transform: rotateY(180deg);
    }