/* WSYS-12251 【フロント】LP共通化の新規LP作成 20250508 M.Shimizu */
@charset "utf-8";

.visual_area {
	padding-top: 50px;
	/* background: url(/common/images/contents/agency/mv_pc.webp) no-repeat; */
	background: none;
	background-position: center;
	background-size: cover;
}

.visual_area .main_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	object-fit: cover;
}

.visual_area .visual_area_text {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 480px;
	text-align: center;
	margin: 0 39% 0 auto;
}

@media (min-width: 798px) and (max-width: 1024px) {
	.visual_area .visual_area_text {
		margin: 0 35% 0 auto;
	}
}

@media (min-width: 1630px) and (max-width: 1920px) {
	.visual_area .visual_area_text {
		margin: 0 42% 0 auto;
	}
}

.visual_area .visual_logo {
	margin-bottom: 30px;
}

.visual_area .visual_title {
	position: relative;
}

.visual_sub_text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	position: relative;
	margin: 24px 0 10px;
	padding: 16px 0;
	background: #e5f1f9;
	color: #328ae1;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
}

.visual_area .visual_title::after,
.visual_sub_text::after {
	display: block;
	position: absolute;
	right: -26px;
	bottom: 10px;
	width: 30px;
	height: 10px;
	font-size: 1.0rem;
}

.visual_area .visual_title::after {
	content: "※1";
}

.visual_sub_text::after {
	content: "※2";
	bottom: 0;
	color: #000;
	font-weight: 500;
}

.visual_sub_text ._catch {
	padding: 8px 24px;
	border-radius: 100px;
	background: #07308c;
	color: #fff;
	font-weight: 700;
	font-size: 2.0rem;
}

.visual_sub_text ._leftpoint {
	position: relative;
	color: #f2830c;
	font-size: 3.3rem;
}

.visual_sub_text ._leftpoint span {
	font-size: 4.2rem;
}

.visual_sub_text ._leftpoint::before {
	position: absolute;
	right: -20px;
	top: -10px;
	width: 2.0rem;
	height: 4.0rem;
	background: url(/common/images/contents/lp_001/mdx001/mv_point.png?date=20240827) no-repeat center center / contain;
	content: '';
	transform: rotate(-240deg);
}

.visual_area .visual_sup {
	position: static;
	padding-top: 20px;
}

/* CVボタン ここから */
.apply_area_content .applay_text {
	text-align: center;
}

.apply_area_content .applay_text::before,
.apply_area_content .applay_text::after {
	content: none;
}

.apply_area_content .applay_text span {
	position: relative;
	color: #fff;
	font-size: 1.4rem;
}

.apply_area_content .applay_text span::before,
.apply_area_content .applay_text span::after {
	position: relative;
	display: inline-block;
	content: "";
	background:#fff;
	width: 2px;
	height: 1em;
	margin: 0 0.4em;
	margin-top: 0px;
	margin-top: -.2em;
	vertical-align: middle;
}

.apply_area_content .applay_text span::before {
	transform: rotate(-35deg);
}

.apply_area_content .applay_text span::after {
	transform: rotate(35deg);
}
/* CVボタン ここまで */

.reason_area ._inner::before {
	content: none;
}

.plan_text::after {
	content: none;
}

.fiveg_super {
	padding-left: 6%;
}

.fiveg_super::before {
	content: none;
}
.fiveg_super_inner {
	width: 100%;
}

.fiveg_superLine {
	width: 80%;
	margin-inline: auto;
}

.share_suggest {
	width: 80%;
	margin: 0 auto;
}

.share_suggest_wrapper {
	justify-content: center;
}

.share_suggest_wrapper::after {
	content: none;
}

.share_suggest_inner {
	width: 64%;
}

/* WSYS-12622 【フロント】ライフカード用にLP修正 20250805 J.Jiyun */
.visual_area._lifecard {
	padding: 30px;
}

.visual_area .visual_area_text._lifecard {
	margin: 0 37% 0 auto;
}

@media (min-width: 798px) and (max-width: 1024px) {
	.visual_area .visual_area_text._lifecard {
		margin: 0 33% 0 auto;
	}
}

@media (min-width: 1630px) and (max-width: 1920px) {
	.visual_area .visual_area_text._lifecard {
		margin: 0 40% 0 auto;
	}
}

.visual_area .visual_logo._lifecard {
	width: 20em;
	margin-bottom: 10px;
}

.visual_area .visual_airplane._lifecard {
	display: flex;
	align-items: center;
	justify-content: center;
}

.visual_area .visual_airplane._lifecard p {
	color: #07308c;
	font-weight: bold;
	align-items: end;
	display: block;
}

.visual_area .visual_airplane span.mini {
	font-size: 2.8rem;
}

.visual_area .visual_airplane._lifecard p::before {
	display: none;
}

.visual_area .visual_airplane._lifecard div {
	line-height: 1.2;
}

.visual_airplane._lifecard .plane_icon {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.visual_area_title .visual_off {
	margin-top: 2.0rem;
	color: #07308c;
	font-size: 6.4rem;
	font-weight: 700;
	line-height: 1;
}

.visual_area_title .visual_num {
	position: relative;
	color: #f2830c;
	font-size: 12.4rem;
	z-index: 1;
}

.visual_area_title .visual_num::before {
	display: block;
	position: absolute;
	top: 4rem;
	left: -5.5rem;
	transform: translateY(-50%) rotate(-5deg);
	z-index: -1;
	width: 7rem;
	height: 7rem;
	background: url(/common/images/contents/agency/lifecard/mv_now.png?date=20250805) no-repeat center center / contain;
	content: "";
	z-index: -1;
}

.visual_area_title .visual_per {
	position: relative;
	color: #f2830c;
	font-size: 7.0rem;
}

.visual_area_title .visual_per::before {
	content: "ご利用料金から";
	display: block;
	position: absolute;
	top: -3.0rem;
	left: 0;
	width: auto;
	height: 3.0rem;
	color: #07308c;
	font-size: 3.0rem;
	white-space: nowrap;
}

.plus_block .plus {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 30px;
	background-color: #07308c;
	color: white;
	border-radius: 50%;
	font-weight: bold;
	font-size: 3.5rem;
	margin: 5px 0;
}

.fees_text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fees_text .label {
	font-size: 4.0rem;
	color: #07308c;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #fff186 40%);
}

.fees_text .free {
	font-size: 8.8rem;
	color: #ffff;
	font-weight: bold;
	text-shadow:
		-1px 0 #07308c,
		0 1px #07308c,
		1px 0 #07308c,
		0 -1px #07308c,
		-1px -1px #07308c,
		-1px 1px #07308c,
		1px -1px #07308c,
		1px 1px #07308c;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}

.fees_text .free::before {
	display: block;
	position: absolute;
	top: 1rem;
	left: 14rem;
	transform: translateY(-50%) rotate(3deg);
	z-index: -1;
	width: 7rem;
	height: 7rem;
	background: url(/common/images/contents/agency/lifecard/mv_sarani.png?date=20250805) no-repeat center center / contain;
	content: "";
}