:where(body) {
	color: #191919;
	background-color: #24396f;
}

a {
	color: #191919;
}

.sec-title {
	font-weight: 500;
	line-height: 1.4;
	color: #24396f;
	background-repeat: no-repeat;
}
.sec-title.sec-title--light {
	color: #fff;
}
.sec-title::before {
	position: absolute;
	display: block;
	height: min(100%, 1.7em);
	margin: auto;
	content: "";
	background-image: linear-gradient(to bottom, var(--sec-title-marker-color1, #24396f) 0%, var(--sec-title-marker-color1, #24396f) 50%, var(--sec-title-marker-color2, #1eade5) 50%, var(--sec-title-marker-color2, #1eade5) 100%);
}
@media (min-width: 751px) {
	.sec-title {
		padding-left: 30px;
		font-size: 34px;
		background-size: 8px 100%;
	}
	.sec-title::before {
		inset: 0 auto 0 0;
		width: 8px;
	}
}
@media (max-width: 750px) {
	.sec-title {
		padding-left: 5.3333333333vw;
		font-size: 6.6666666667vw;
	}
	.sec-title::before {
		inset: 0 auto auto 0;
		width: 1.3333333333vw;
	}
}

.sec-title__ja {
	display: inline-block;
	margin-top: 1em;
	font-weight: 500;
	line-height: 1.3;
}
@media (min-width: 751px) {
	.sec-title__ja {
		font-size: 45px;
	}
}
@media (max-width: 750px) {
	.sec-title__ja {
		font-size: 6vw;
	}
}

.sec-title__en {
	position: relative;
	white-space: nowrap;
}
@media (min-width: 751px) {
	.sec-title__en {
		font-size: 22px;
	}
}
@media (max-width: 750px) {
	.sec-title__en {
		font-size: 3.2vw;
	}
}

.note-ref {
	margin-inline: 0.1em;
	vertical-align: top;
}
@media (min-width: 751px) {
	.note-ref {
		font-size: clamp(12px, 0.6em, 18px);
	}
}
@media (max-width: 750px) {
	.note-ref {
		font-size: clamp(2.6666666667vw, 0.6em, 3.7333333333vw);
	}
}

.divider {
	display: block;
	border: 0;
	border-top-color: #24396f;
	border-top-style: solid;
}
@media (min-width: 751px) {
	.divider {
		margin-top: 50px;
		margin-bottom: 50px;
		border-top-width: 2px;
	}
}
@media (max-width: 750px) {
	.divider {
		margin-top: 10.6666666667vw;
		margin-bottom: 10.6666666667vw;
		border-top-width: 0.2666666667vw;
	}
}

.main-kv {
	position: relative;
	z-index: 1;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (min-width: 751px) {
	.main-kv {
		height: 100vh;
		min-height: 650px;
		background-image: url("../img/main-kv/kv.jpg");
		background-position: 70% center;
	}
}
@media (max-width: 750px) {
	.main-kv {
		height: 72vw;
		background-image: url("../img/main-kv/kv-sp.jpg");
	}
}

.main-kv__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin-right: auto;
	text-align: center;
}
@media (min-width: 751px) {
	.main-kv__inner {
		width: 50%;
		min-width: 410px;
	}
}
@media (max-width: 750px) {
	.main-kv__inner {
		width: 50%;
		padding-left: 5.3333333333vw;
	}
}

.main-kv__logo img {
	height: auto;
}
@media (min-width: 751px) {
	.main-kv__logo {
		padding-top: 48px;
	}
	.main-kv__logo img {
		width: 398px;
	}
}
@media (max-width: 750px) {
	.main-kv__logo {
		padding-top: 9.3333333333vw;
	}
	.main-kv__logo img {
		width: 43.7333333333vw;
	}
}

.main-kv__title {
	font-weight: 700;
	line-height: 1.3;
}
@media (min-width: 751px) {
	.main-kv__title {
		margin-top: 48px;
		font-size: 50px;
	}
}
@media (max-width: 750px) {
	.main-kv__title {
		margin-top: 4.2666666667vw;
		font-size: 5.8666666667vw;
		line-height: 1.5;
	}
}

.sec-about {
	position: relative;
	color: #fff;
}
@media (min-width: 751px) {
	.sec-about {
		padding-top: 120px;
		padding-bottom: 120px;
		background: url("/lp/immersia/assets/img/about/bg.jpg") no-repeat center 95%/cover;
	}
}
@media (max-width: 750px) {
	.sec-about {
		padding-top: 16vw;
		padding-bottom: 16vw;
		background: url("/lp/immersia/assets/img/about/bg_sp.jpg") no-repeat center bottom/cover;
	}
}

@media (min-width: 751px) {
	.sec-about__inner {
		width: min(100%, 1000px);
	}
}

.sec-about__logo {
	margin-inline: auto;
}
.sec-about__logo img {
	width: 100%;
	height: auto;
}
@media (min-width: 751px) {
	.sec-about__logo {
		width: 387px;
	}
}
@media (max-width: 750px) {
	.sec-about__logo {
		width: 59.7333333333vw;
	}
}

.sec-about__title {
	font-weight: 700;
	text-align: center;
}
@media (min-width: 751px) {
	.sec-about__title {
		margin-top: 80px;
		font-size: 40px;
		line-height: 1.5;
	}
}
@media (max-width: 750px) {
	.sec-about__title {
		margin-top: 6.4vw;
		font-size: 6.6666666667vw;
		font-weight: 700;
		line-height: 1.6;
	}
}

.sec-about__lead {
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
@media (min-width: 751px) {
	.sec-about__lead {
		margin-top: 40px;
		font-size: 30px;
	}
}
@media (max-width: 750px) {
	.sec-about__lead {
		margin-top: 6.4vw;
		font-size: 4.2666666667vw;
	}
}

.sec-about__logo-wave {
	margin-inline: auto;
}
.sec-about__logo-wave img {
	width: 100%;
	height: auto;
}
@media (min-width: 751px) {
	.sec-about__logo-wave {
		width: 259px;
		margin-top: 80px;
	}
}
@media (max-width: 750px) {
	.sec-about__logo-wave {
		width: 47.4666666667vw;
		margin-top: 16vw;
	}
}

@media (min-width: 751px) {
	.sec-about__technology {
		font-size: 0;
	}
}
@media (max-width: 750px) {
	.sec-about__technology {
		font-size: 0vw;
	}
}

.sec-about__title2 {
	font-weight: 700;
	text-align: center;
}
@media (min-width: 751px) {
	.sec-about__title2 {
		margin-top: 40px;
		font-size: 30px;
		line-height: 1.5;
	}
}
@media (max-width: 750px) {
	.sec-about__title2 {
		margin-top: 8vw;
		font-size: 5.8666666667vw;
		line-height: 1.6;
	}
}

.sec-about__text {
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}
@media (min-width: 751px) {
	.sec-about__text {
		margin-top: 40px;
		font-size: 24px;
	}
}
@media (max-width: 750px) {
	.sec-about__text {
		margin-top: 6.4vw;
		font-size: 3.7333333333vw;
	}
}

.sec-features {
	color: #191919;
	background-color: #f1f2f2;
}
@media (min-width: 751px) {
	.sec-features {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media (max-width: 750px) {
	.sec-features {
		padding-top: 10.6666666667vw;
		padding-bottom: 16vw;
	}
}

@media (max-width: 750px) {
	.sec-features__inner {
		padding-right: 6.6666666667vw;
		padding-left: 6.6666666667vw;
	}
}

.features-overview {
	display: grid;
	align-items: center;
}
@media (min-width: 751px) {
	.features-overview {
		grid-template-columns: repeat(2, 1fr);
		gap: 80px;
	}
}
@media (max-width: 750px) {
	.features-overview {
		grid-template-columns: 100%;
		gap: 6.4vw;
	}
}

.features-overview__images {
	display: grid;
	grid-template-columns: 36% 1fr;
}
@media (min-width: 751px) {
	.features-overview__images {
		gap: 20px;
	}
}
@media (max-width: 750px) {
	.features-overview__images {
		gap: 2.6666666667vw;
	}
}

.features-overview__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.features-overview__list {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 0.4em;
	padding-left: 1.5em;
	font-weight: 500;
	line-height: 1.5;
	list-style-type: disc;
}
@media (min-width: 751px) {
	.features-overview__list {
		font-size: 20px;
	}
}
@media (max-width: 750px) {
	.features-overview__list {
		font-size: 3.7333333333vw;
		font-weight: 500;
	}
}

.features-figure {
	position: relative;
}

.features-figure__image {
	background-color: #ccc;
}
.features-figure__image img {
	width: 100%;
	height: auto;
}

.features-figure__caption {
	font-weight: 500;
	line-height: 1.5;
}
@media (min-width: 751px) {
	.features-figure__caption {
		margin-top: 18px;
		font-size: 15px;
	}
}
@media (max-width: 750px) {
	.features-figure__caption {
		margin-top: 3.2vw;
		font-size: 3.2vw;
	}
}

.sec-distance-phone {
	display: grid;
	align-items: start;
}
@media (min-width: 751px) {
	.sec-distance-phone {
		grid-template-areas: "title images" "body images" ". images";
		grid-template-columns: repeat(2, 1fr);
		column-gap: 80px;
	}
}
@media (max-width: 750px) {
	.sec-distance-phone {
		grid-template-areas: "title" "body" "images";
		grid-template-columns: 100%;
	}
}

.sec-distance-phone__title {
	grid-area: title;
}

.sec-distance-phone__body {
	grid-area: body;
}
@media (min-width: 751px) {
	.sec-distance-phone__body {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-phone__body {
		margin-top: 5.3333333333vw;
	}
}

.sec-distance-phone__text {
	font-weight: 500;
	line-height: 1.5;
}
.sec-distance-phone__text p + p {
	margin-top: 0.9em;
}
@media (min-width: 751px) {
	.sec-distance-phone__text {
		font-size: 20px;
	}
	.sec-distance-phone__text:not(:first-child) {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-phone__text {
		font-size: 3.7333333333vw;
	}
	.sec-distance-phone__text:not(:first-child) {
		margin-top: 5.3333333333vw;
	}
}

.sec-distance-phone__images {
	display: grid;
	grid-area: images;
	grid-template-columns: 100%;
}
@media (min-width: 751px) {
	.sec-distance-phone__images {
		gap: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-phone__images {
		gap: 5.3333333333vw;
		margin-top: 10.6666666667vw;
	}
}

.sec-distance-desktop {
	display: grid;
	align-items: start;
}
@media (min-width: 751px) {
	.sec-distance-desktop {
		grid-template-areas: "title images" "body images" ". images";
		grid-template-columns: repeat(2, 1fr);
		column-gap: 80px;
	}
}
@media (max-width: 750px) {
	.sec-distance-desktop {
		grid-template-areas: "title" "body" "images";
		grid-template-columns: 100%;
	}
}

.sec-distance-desktop__title {
	grid-area: title;
}

.sec-distance-desktop__body {
	grid-area: body;
}
@media (min-width: 751px) {
	.sec-distance-desktop__body {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-desktop__body {
		margin-top: 5.3333333333vw;
	}
}

.sec-distance-desktop__text {
	font-weight: 500;
	line-height: 1.5;
}
.sec-distance-desktop__text p + p {
	margin-top: 0.9em;
}
@media (min-width: 751px) {
	.sec-distance-desktop__text {
		font-size: 20px;
	}
	.sec-distance-desktop__text:not(:first-child) {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-desktop__text {
		font-size: 3.7333333333vw;
	}
	.sec-distance-desktop__text:not(:first-child) {
		margin-top: 5.3333333333vw;
	}
}

.sec-distance-desktop__images {
	display: grid;
	grid-area: images;
	grid-template-columns: 100%;
}
@media (min-width: 751px) {
	.sec-distance-desktop__images {
		gap: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-desktop__images {
		gap: 5.3333333333vw;
		margin-top: 10.6666666667vw;
	}
}

.sec-distance-conv {
	position: relative;
}

.sec-distance-conv__lead {
	font-weight: 500;
	line-height: 1.5;
}
@media (min-width: 751px) {
	.sec-distance-conv__lead {
		font-size: 20px;
	}
	.sec-distance-conv__lead:not(:first-child) {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-distance-conv__lead {
		font-size: 3.7333333333vw;
	}
	.sec-distance-conv__lead:not(:first-child) {
		margin-top: 5.3333333333vw;
	}
}

.sec-distance-conv__detail {
	display: grid;
}
@media (min-width: 751px) {
	.sec-distance-conv__detail {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		margin-top: 80px;
	}
}
@media (max-width: 750px) {
	.sec-distance-conv__detail {
		grid-template-columns: 100%;
		gap: 5.3333333333vw;
		margin-top: 10.6666666667vw;
	}
}

.conv-card {
	color: #fff;
}
@media (min-width: 751px) {
	.conv-card {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 5;
		row-gap: 0;
		padding: 40px;
		background: url("/lp/immersia/assets/img/distance-conv/card-bg.jpg") no-repeat center/cover;
	}
}
@media (max-width: 750px) {
	.conv-card {
		padding: 10.6666666667vw 5.3333333333vw;
		background: url("/lp/immersia/assets/img/distance-conv/card-bg_sp.jpg") no-repeat center/cover;
	}
}

.conv-card__logo {
	position: relative;
	margin-inline: auto;
}
.conv-card__logo img {
	width: 100%;
	height: auto;
}
.conv-card__logo.conv-card__logo--mid {
	width: 250px;
}
@media (max-width: 750px) {
	.conv-card__logo.conv-card__logo--mid {
		width: 51.7333333333vw;
	}
}
.conv-card__logo.conv-card__logo--room {
	width: 278px;
}
@media (max-width: 750px) {
	.conv-card__logo.conv-card__logo--room {
		width: 57.6vw;
	}
}

.conv-card__images {
	display: grid;
	align-items: center;
}
@media (min-width: 751px) {
	.conv-card__images {
		grid-template-columns: 200px auto;
		gap: 40px;
		margin-top: 60px;
	}
}
@media (max-width: 750px) {
	.conv-card__images {
		grid-template-columns: 29.3333333333vw auto;
		gap: 5.3333333333vw;
		margin-top: 10.6666666667vw;
	}
}

.conv-card__sphere img {
	width: 100%;
	height: auto;
}

.conv-card__scene {
	overflow: hidden;
}
.conv-card__scene img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 751px) {
	.conv-card__scene {
		font-size: 0;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
	}
}
@media (max-width: 750px) {
	.conv-card__scene {
		font-size: 0vw;
		border-top-left-radius: 8vw;
		border-bottom-left-radius: 8vw;
	}
}

.conv-card__points {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 0.2em;
	align-self: start;
	padding-left: 1.5em;
	font-weight: 500;
	line-height: 1.5;
	list-style-type: disc;
}
@media (min-width: 751px) {
	.conv-card__points {
		font-size: 20px;
	}
	.conv-card__points:not(:first-child) {
		margin-top: 40px;
	}
}
@media (max-width: 750px) {
	.conv-card__points {
		font-size: 3.7333333333vw;
		font-weight: 500;
	}
	.conv-card__points:not(:first-child) {
		margin-top: 8vw;
	}
}

.conv-card__value {
	display: grid;
	align-items: center;
	font-weight: 500;
}
.conv-card__value img {
	width: 100%;
	height: auto;
}
@media (min-width: 751px) {
	.conv-card__value {
		grid-template-columns: 102px auto;
		gap: 40px;
		margin-top: 40px;
		font-size: 20px;
		line-height: 1.5;
	}
}
@media (max-width: 750px) {
	.conv-card__value {
		grid-template-columns: 16vw auto;
		gap: 3.2vw;
		margin-top: 8vw;
		font-size: 3.7333333333vw;
	}
}

@media (min-width: 751px) {
	.conv-card__note {
		font-size: 16px;
	}
}
@media (max-width: 750px) {
	.conv-card__note {
		font-size: 3.2vw;
	}
}

.sec-variations {
	position: relative;
}
@media (min-width: 751px) {
	.sec-variations {
		width: 100%;
		margin-top: 50px;
	}
}
@media (max-width: 750px) {
	.sec-variations {
		margin-inline: -2.6666666667vw;
		margin-top: 10.6666666667vw;
	}
}

.variations-table-title {
	font-weight: 700;
	vertical-align: baseline;
	color: #24396f;
	text-align: center;
}
@media (min-width: 751px) {
	.variations-table-title {
		font-size: 35px;
	}
}
@media (max-width: 750px) {
	.variations-table-title {
		display: flex;
		justify-content: center;
		margin-inline: auto;
		font-size: 4.5333333333vw;
		writing-mode: vertical-rl;
	}
}

.variations-table-title__number {
	margin-inline: 0.1em;
	line-height: 1.1;
	writing-mode: horizontal-tb;
}
@media (min-width: 751px) {
	.variations-table-title__number {
		font-size: 60px;
	}
}
@media (max-width: 750px) {
	.variations-table-title__number {
		font-size: 9.6vw;
	}
}

.variations-table {
	position: relative;
	width: 100%;
	background-color: #fff;
}
@media (min-width: 751px) {
	.variations-table {
		padding: 10px;
	}
}
@media (max-width: 750px) {
	.variations-table {
		padding: 1.6vw 1.3333333333vw;
	}
}

.variations-table__table {
	display: grid;
}
@media (min-width: 751px) {
	.variations-table__table {
		grid-template-columns: 400px 302px repeat(2, 1fr);
		gap: 6px;
	}
}
@media (max-width: 750px) {
	.variations-table__table {
		grid-template-rows: auto 26.6666666667vw repeat(2, auto);
		grid-template-columns: 13.8666666667vw repeat(2, 1fr);
		grid-auto-flow: column;
		gap: 1.6vw;
	}
}

:is(.variations-table__title, .variations-table__head) {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 751px) {
	:is(.variations-table__title, .variations-table__head) {
		padding: 10px 20px;
		font-size: 20px;
	}
}
@media (max-width: 750px) {
	:is(.variations-table__title, .variations-table__head) {
		padding: 1.6vw;
	}
}

@media (max-width: 750px) {
	.variations-table__title {
		font-size: 4.2666666667vw;
	}
}

.variations-table__head {
	line-height: 1.2;
	color: #fff;
	background: #24396f;
}
@media (max-width: 750px) {
	.variations-table__head {
		font-size: 3.7333333333vw;
		writing-mode: vertical-rl;
	}
}

.variations-table__cell {
	font-weight: 500;
	background-color: #f1f2f2;
}
:where(.variations-table__cell) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--variations-table-cell-pad);
}
@media (min-width: 751px) {
	.variations-table__cell {
		font-size: 16px;
		line-height: 1.5;
	}
	:where(.variations-table__cell) {
		--variations-table-cell-pad: 20px;
	}
	.variations-table__cell.variations-table__cell--scene {
		--variations-table-cell-pad: 0;
	}
	.variations-table__cell.variations-table__cell--text {
		justify-content: flex-start;
	}
	.variations-table__cell.variations-table__cell--range {
		--variations-table-cell-pad: 12px;
	}
}
@media (max-width: 750px) {
	:where(.variations-table__cell) {
		--variations-table-cell-pad: 5.3333333333vw;
	}
	.variations-table__cell.variations-table__cell--logo {
		--variations-table-cell-pad: 3.2vw;
	}
	.variations-table__cell.variations-table__cell--scene {
		--variations-table-cell-pad: 0;
	}
	.variations-table__cell.variations-table__cell--text {
		padding: 2.6666666667vw;
	}
	.variations-table__cell.variations-table__cell--range {
		--variations-table-cell-pad: 2.6666666667vw 2.1333333333vw;
	}
}

.variations-table__variation-logo img {
	width: 100%;
	height: auto;
}
@media (min-width: 751px) {
	.variations-table__variation-logo.variations-table__variation-logo--mid {
		width: 260px;
	}
	.variations-table__variation-logo.variations-table__variation-logo--room {
		width: 290px;
	}
}

.variations-table__scene-image img {
	width: 100%;
	height: auto;
}
@media (max-width: 750px) {
	.variations-table__scene-image {
		height: 100%;
	}
	.variations-table__scene-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.variations-table__variation-range img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sec-faq {
	position: relative;
	z-index: 2;
	color: #191919;
	background-color: #f1f2f2;
	background-image: url("/lp/immersia/assets/img/common/bg-stripe.png");
	background-repeat: repeat-x;
}
@media (min-width: 751px) {
	.sec-faq {
		padding: 120px 0 100px;
	}
}
@media (max-width: 750px) {
	.sec-faq {
		padding: 18.6666666667vw 0 16vw;
		background-size: 0.9333333333vw;
	}
}
.sec-faq .sec-title {
	--sec-title-marker-color1: #24396f;
	--sec-title-marker-color2: #1eade5;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
}
@media (min-width: 751px) {
	.sec-faq .sec-title {
		column-gap: 30px;
		padding-left: 30px;
	}
	.sec-faq .sec-title::before {
		top: 0.2em;
		bottom: auto;
	}
}
@media (max-width: 750px) {
	.sec-faq .sec-title {
		column-gap: 2.6666666667vw;
		padding: 0 0 0 5.3333333333vw;
	}
}
.sec-faq .sec-title .sec-title__en {
	order: 2;
	color: #24396f;
}
@media (min-width: 751px) {
	.sec-faq .sec-title .sec-title__en {
		margin-top: 75px;
		margin-left: -36px;
	}
}
.sec-faq .sec-title .sec-title__ja {
	order: 1;
	margin: 0;
	line-height: inherit;
	color: #24396f;
}
@media (min-width: 751px) {
	.sec-faq .tpl-inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}
.sec-faq__body {
	width: 850px;
	border-top: 1px solid #24396f;
}
@media (max-width: 750px) {
	.sec-faq__body {
		width: 86.6666666667vw;
		margin: 7.3333333333vw auto 0;
	}
}
.sec-faq__item {
	padding: 45px 0;
	border-bottom: 1px solid #24396f;
}
@media (max-width: 750px) {
	.sec-faq__item {
		padding: 7.4666666667vw 0;
	}
}
.sec-faq__item dt, .sec-faq__item dd {
	position: relative;
	padding-left: 70px;
}
@media (max-width: 750px) {
	.sec-faq__item dt, .sec-faq__item dd {
		padding-left: 11.3333333333vw;
	}
}
.sec-faq__item dt::before, .sec-faq__item dd::before {
	position: absolute;
	left: 0;
	font-weight: 500;
}
.sec-faq__item dt {
	cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
	.sec-faq__item dt:hover::after {
		background-color: #ca1a81;
		border-color: #ca1a81;
	}
	.sec-faq__item dt:hover p::before, .sec-faq__item dt:hover p::after {
		background-color: #fff;
	}
}
.sec-faq__item dt::before {
	top: -0.5em;
	font-size: 40px;
	color: #24396f;
	content: "Q";
}
@media (max-width: 750px) {
	.sec-faq__item dt::before {
		font-size: 8vw;
	}
}
.sec-faq__item dt::after {
	position: absolute;
	top: -0.5em;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	content: "";
	background-color: #fff;
	border: 1px solid #24396f;
	border-radius: 50%;
	transition: background-color 0.3s, border-color 0.3s;
}
@media (max-width: 750px) {
	.sec-faq__item dt::after {
		top: -0.2em;
		width: 8vw;
		height: 8vw;
	}
}
.sec-faq__item dt p {
	position: relative;
	z-index: 2;
	padding-right: 55px;
}
@media (max-width: 750px) {
	.sec-faq__item dt p {
		padding-right: 10.6666666667vw;
	}
}
.sec-faq__item dt p::before, .sec-faq__item dt p::after {
	position: absolute;
	right: 19px;
	display: block;
	width: 12px;
	height: 2px;
	content: "";
	background-color: #24396f;
}
@media (min-width: 751px) {
	.sec-faq__item dt p::before, .sec-faq__item dt p::after {
		top: 0.7em;
	}
}
@media (max-width: 750px) {
	.sec-faq__item dt p::before, .sec-faq__item dt p::after {
		top: 0.8em;
		right: 2.9333333333vw;
		width: 2.5333333333vw;
	}
}
.sec-faq__item dt p::after {
	transform: rotate(90deg);
	transition: transform 0.3s;
}
.sec-faq__item dt.is-show p::after {
	transform: rotate(0);
}
.sec-faq__item dd {
	height: 0;
	padding-right: 55px;
	overflow: hidden;
}
@media (max-width: 750px) {
	.sec-faq__item dd {
		padding-right: 0;
	}
}
.sec-faq__item dd::before {
	top: 2.2em;
	width: 40px;
	height: 40px;
	font-size: 22px;
	color: #24396f;
	text-align: center;
	content: "A";
	background-color: white;
	border-radius: 50%;
}
@media (max-width: 750px) {
	.sec-faq__item dd::before {
		top: 0.8em;
		width: 6.6666666667vw;
		height: 6.6666666667vw;
		font-size: 4vw;
	}
}
.sec-faq__item dd p {
	padding-top: 52px;
}
@media (max-width: 750px) {
	.sec-faq__item dd p {
		padding-top: 4vw;
	}
}

.notes {
	color: #191919;
	background-color: #f1f2f2;
}
@media (min-width: 751px) {
	.notes {
		padding-top: 50px;
		padding-bottom: 100px;
		font-size: 14px;
	}
}
@media (max-width: 750px) {
	.notes {
		padding-top: 10.6666666667vw;
		padding-bottom: 13.3333333333vw;
		font-size: 3.2vw;
	}
}

[data-indent="0"].notes__item, [data-indent="0"].notes__list {
	--note-indent: 0;
}
[data-indent="1"].notes__item, [data-indent="1"].notes__list {
	--note-indent: 0.5em;
}
[data-indent="2"].notes__item, [data-indent="2"].notes__list {
	--note-indent: 1em;
}
[data-indent="3"].notes__item, [data-indent="3"].notes__list {
	--note-indent: 1.25em;
}
[data-indent="4"].notes__item, [data-indent="4"].notes__list {
	--note-indent: 1.5em;
}
[data-indent="5"].notes__item, [data-indent="5"].notes__list {
	--note-indent: 1.75em;
}
[data-indent="6"].notes__item, [data-indent="6"].notes__list {
	--note-indent: 2em;
}

.notes__list {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 0.5em;
}

.notes__item {
	position: relative;
	padding-left: var(--note-indent, 1.5em);
}
.notes__item::before {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	content: counter(list-item);
}
.notes__item[data-marker-suffix]::before {
	content: counter(list-item) attr(data-marker-suffix);
}
.notes__item[value]::before {
	content: attr(value);
}
.notes__item[value][data-marker-suffix]::before {
	content: attr(value) attr(data-marker-suffix);
}
.notes__item > .notes__list {
	margin-top: 0.5em;
}

.notes__text {
	margin-top: 2em;
}

.sec-products {
	position: relative;
	z-index: 2;
	background-color: #24396f;
	background-image: url("/lp/immersia/assets/img/common/bg-stripe.png");
	background-repeat: repeat-x;
}
@media (min-width: 751px) {
	.sec-products {
		padding: 120px 0;
	}
}
@media (max-width: 750px) {
	.sec-products {
		padding: 18.6666666667vw 0;
		background-size: 0.9333333333vw;
	}
}
.sec-products .sec-title {
	--sec-title-marker-color1: #fff;
	--sec-title-marker-color2: #1eade5;
	display: flex;
	align-items: center;
}
@media (min-width: 751px) {
	.sec-products .sec-title {
		column-gap: 30px;
		padding-left: 30px;
		background-size: 8px 100%;
	}
}
@media (max-width: 750px) {
	.sec-products .sec-title {
		column-gap: 4vw;
		padding: 0 0 0 5.3333333333vw;
		background-size: 1.3333333333vw 100%;
	}
}
.sec-products .sec-title .sec-title__en {
	order: 2;
}
.sec-products .sec-title .sec-title__ja {
	order: 1;
	margin: 0;
	line-height: inherit;
}
@media (min-width: 751px) {
	.sec-products .sec-products__bnr {
		padding-top: 40px;
	}
}
@media (max-width: 750px) {
	.sec-products .sec-products__bnr {
		padding-top: 6.6666666667vw;
		margin-right: -4vw;
	}
}
.sec-products .sec-products__bnr .bnr-item--portalsite {
	border: 1px solid #fff;
}
@media (max-width: 750px) {
	.sec-products .sec-products__bnr .bnr-item--portalsite {
		border-right-width: 0;
	}
}
.sec-products .sec-products__bnr .tpl-product-bnr__portalsite__faq-button {
	color: #fff;
	border-color: #fff;
}
.sec-products .sec-products__bnr .tpl-product-bnr__portalsite__faq-button::after {
	background: url("/lp/assets/img/ico_arrow_r_w.svg") 0 0 no-repeat;
}
/*# sourceMappingURL=style.css.map */