.hp-focus-on-container {
		position: relative;
	}

	.max-rem-100 {
		max-width: 100rem;
		margin: auto;
		position: relative;
	}

	.hp-focus-on-text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
	}

	.align-left {
		left: 10%;
	}

	.align-right {
		right: 10%;
	}

	.align-center {
		width: 100%;
	}

	.hp-fo_sup_title {
		font-size: .75rem;
		font-weight: normal;
	    letter-spacing: .35em;
	    text-transform: uppercase;
	    font-family: "ITCAvantGardeStd-Bk","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
	}

	.hp-fo_main_title {
		font-size: 1.875rem;
	    font-weight: normal;
	    text-transform: uppercase;
	    font-family: "ITCAvantGardeStd-Demi","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
	}

	.offset-left-1 {
		margin-left: 5%;
	}

	.offset-left-2 {
		margin-left: 10%;
	}

	.offset-left-3 {
		margin-left: 15%;
	}

	.offset-left-4 {
		margin-left: 20%;
	}

	.offset-left-5 {
		margin-left: 25%;
	}

	.offset-right-1 {
		margin-right: 5%;
	}

	.offset-right-2 {
		margin-right: 10%;
	}

	.offset-right-3 {
		margin-right: 15%;
	}

	.offset-right-4 {
		margin-right: 20%;
	}

	.offset-right-5 {
		margin-right: 25%;
	}

	@media (max-width: 780px) {
		.hp-focus-on-text {
			position: relative;
			top: unset;
			left: unset;
			right: unset;
			transform: none;
			margin: 25px 0;
			padding: 0 10px;
		}
		
		.hp-fo_sup_title {
			font-size: 0.625rem;
		}

		.hp-fo_main_title {
			font-size: 1.5rem;
		}

		.hp-focus-on-container {
			margin-bottom: 15vw;
		}
	}

	@media (max-width: 480px) {
		.hp-fo_sup_title {
			font-size: 2.5vw;
		}

		.hp-fo_main_title {
			font-size: 5.5vw;
		}

		.hp-fo_cta {
			font-size: 3vw;
		}
	}