@charset "UTF-8";

@media only screen and (max-width:830px) {
	.l-section-title-container.s-align-center .l-section-title {
		text-align: left;
	}
	.l-section-message {
		text-align: left;
	}
}
header .l-header-logo-container {
	background-color: inherit;
}
header .p-header-sp-title {
	display: none;
}
@media only screen and (max-width:830px) {
	header .l-header-container {
		padding: 0 13vw 0 1rem;
	}
	header {
    width: auto;
    height: 0;
    min-height: auto;
	}
	header .l-header-logo-wapper {
		min-width: auto;
    height: auto;
	}
	header .l-header-wapper {
		min-width: auto;
    height: auto;
		display: none;
	}
	.l-hero-container {
		min-height: auto;
	}
	header.is-hero-scroll {
		display: block;
	}
	header.is-hero-scroll .l-gmenu-wrapper {
		display: none;
	}
	header.is-hero-scroll {
		z-index: 999;
		position: inherit;
	}
	header.is-hero-scroll .l-header-container {
		display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    color: var(--base-baseColor-sub3);
		padding: 0 12vw 0 1rem;
	}
	header.is-hero-scroll .l-header-logo-wapper {
		width: 100%;
    height: auto;
    position: fixed;
    z-index: 999;
    background: var(--base-baseColor);
	}
	header.is-hero-scroll .p-header-sp-title {
		display: block;
    line-height: 1;
    width: 75%;
		font-size: 3.3vw;
	}
	header .l-header-wapper,
	header.is-hero-scroll .l-header-wapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: fixed;
    top: auto;
    bottom: 0;
    background: var(--base-baseColor);
		padding-right: 13vw;
	}
	header .l-header-wapper .l-header-container > .l-gmenu-sub-wrapper,
	header.is-hero-scroll .l-header-wapper .l-header-container > .l-gmenu-sub-wrapper {
		width: 100%;
		height: auto;
		padding: 0;
		position: relative;
		background: transparent;
		display: block;
	}
	header .l-header-wapper .l-header-container,
	header.is-hero-scroll .l-header-wapper .l-header-container {
    padding: 0;
    width: auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
    height: 100%;
	}
	.l-gmenu-cta-container {
    padding: 0;
	}
	.l-gmenu-cta-container .p-btn-def {
    padding: 3vw;
    font-size: 3vw;
	}
	body.is-gmenu-active header .l-header-wapper {
		z-index: 9999;
	}
	.l-menu-container {
		right: 0
	}
	.p-menu-icon {
		color: var(--base-baseColor-sub3);
	}
	body.is-gmenu-active {
	}
	body.is-gmenu-active .l-gmenu-wrapper {
		display: block;
    height: calc(100vh - 12vw);
    top: 12vw;
    padding: 0;
    z-index: 9999;
		background: var(--base-baseColor-sub3);
	}
	.l-gmenu-main-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	}
	.l-gmenu-main-container > li {
    padding: 5vw 0;
    height: auto;
    border-bottom: 1px solid var(--base-baseColor);
	}
	.l-gmenu-main-container > li a {
		border: 0 !important;
		color: var(--base-baseColor);
    font-size: 4vw;
	}
	header.is-hero-scroll .l-header-container .p-company-logo {
		display: flex;
	}
	header.is-hero-scroll .l-header-container .p-title {
		display: none;
	}
}

#expansionFloatBanner .floatBannerIn .upperRight {
	top: 0;
	right: 0;
}
@media only screen and (max-width:830px) {
	#expansionFloatBanner .floatBannerIn .upperRight {
		top: 0;
	}
	#expansionFloatBanner .floatBannerIn .right-float-in > a {
		padding: 1rem;
	}
	#page-top {
    right: 1vw;
    bottom: 1vw;
    padding: 2vw 2vw;
	}
}

@media only screen and (max-width:830px) {
	body > #app > footer {
		padding-bottom: 13vw;
	}
}