@charset "utf-8";

.visual_area .visual_area_text {
	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_area_text sup {
	display: inline-block;
	bottom: 5%;
}

.visual_area .visual_sup {
	right: 41%;
}

@media (min-width: 798px) and (max-width: 1024px) {
	.visual_area .visual_sup {
		right: 37%;
	}
}

@media (min-width: 1630px) and (max-width: 1920px) {
	.visual_area .visual_sup {
		right: 44%;
	}
}

/* WSYS-11428 【フロント】広告用LPの修正 M.Shimizu 20240912 */
.visual_sup ._name {
	position: absolute;
	top: -160px;
	right: -370px;
}

@media (min-width: 1630px) and (max-width: 1920px) {
	.visual_area ._name {
		right: -360px;
	}
}

.visual_sub_text {
	color: #328ae1;
}

.visual_sub_text {
	padding: 20px 0;
	border-top: double 5px #328ae1;
	border-bottom: double 5px #328ae1;
	position: relative;
	margin-top: 40px;
	font-size: 2.8rem;
	font-weight: 700;
}

.visual_sub_text ._catch {
	position: absolute;
	top: -4px;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	background: #fff;
	font-weight: 700;
	font-size: 2rem;
	width: 70%;
}

.visual_sub_text ._catch .dots {
	background-image: radial-gradient(circle at center, #328ae1 20%, transparent 20%);
	/* 点の色とサイズ調整 */
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .2em;
}

.visual_sub_text span {
	font-size: 2rem;
}

.visual_sub_text ._font_size_l {
	font-size: 6rem;
	line-height: 1;
}

.visual_sub_text ._font_size_mm {
	font-size: 3.3rem;
}

.visual_sub_text ._font_size_m {
	font-size: 2.4rem;
}

.visual_sub_text ._font_size_s {
	font-size: 3rem;
}

.visual_sub_text ._font_color_orange {
	color: #f2830a;
}

.visual_sub_text ._leftpoint {
	position: relative;
}

.visual_sub_text ._leftpoint::before {
	position: absolute;
	left: -30px;
	top: -15px;
	width: 2.4rem;
	height: 4.3rem;
	background: url(/common/images/contents/lp_001/mdx001/mv_point.png?date=20240827) no-repeat center center / contain;
	content: '';
}

.visual_sub_text ._rightpoint {
	position: relative;
}

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