.plan {
    --business-bg: #fffce0;
    background-color: var(--business-bg);
	   padding: 100px 0;
}

.plan h2 {
	font-size: clamp(25px, 2.9vw, 40px);
	text-align: center;
	margin-bottom: 30px;
	color: black;
	text-shadow:1px 1px 0 #e5f2ff, -1px -1px 0 #e5f2ff,
	-1px 1px 0 #e5f2ff, 1px -1px 0 #e5f2ff,
	0px 1px 0 #e5f2ff,  0-1px 0 #e5f2ff,
	-1px 0 0 #e5f2ff, 1px 0 0 #e5f2ff;
	letter-spacing: .05em;
}

.plan h3 {
	font-size: clamp(20px, 2.9vw, 40px);
}

.plan_box {
	display: flex;
	background-color: white;
	width: 75%;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 30px;
	border-style: groove;
}

.plan_box p {
	font-weight: bold;
	font-size: clamp(15px, 2.9vw, 25px);
	border-style: groove;
}

.front_half {
	position: relative;
	width: 200px;
	text-align: center;

	&:before {
		content: "";
		display: block;
		position: absolute;
		right: -10px;
		top: 0px;
		width: 4px;
		height: 100px;
		background-color: #094cf7;
		border-radius: 50px;
	}
}


.latter_half {
	margin: auto 30px;
}

.latter_half li {
	font-size: clamp(15px, 2.9vw, 20px);
	font-weight: bold;
	margin-left: 20px;
}


@media (max-width: 768px) {

	.plan {
		--business-bg: #fffce0;
		background-color: var(--business-bg);
		padding: 30px 20px;
	}
	
	.plan h2 {
		font-size: clamp(25px, 2.9vw, 40px);
		text-align: center;
		margin-bottom: 30px;
		color: black;
		text-shadow:1px 1px 0 #e5f2ff, -1px -1px 0 #e5f2ff,
		-1px 1px 0 #e5f2ff, 1px -1px 0 #e5f2ff,
		0px 1px 0 #e5f2ff,  0-1px 0 #e5f2ff,
		-1px 0 0 #e5f2ff, 1px 0 0 #e5f2ff;
		letter-spacing: .05em;
	}
	
	.plan h3 {
		font-size: clamp(20px, 2.9vw, 40px);
		margin: 0 auto;
	}
	
	.plan_box {
		background-color: white;
		width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 10px;
		border-style: groove;
		display: block;
	}
	
	.plan_box p {
		font-weight: bold;
		font-size: clamp(15px, 2.9vw, 25px);
		border-style: groove;
		margin: 0 auto;
	}
	
	.front_half {
		position: relative;
		width: 200px;
		text-align: center;
		display: flex;
		margin: 0 auto;

		&:before {
			content: "";
			display: block;
			position: absolute;
			right: 0%;
			top: 110%;
			width: 100%;
			height: 5px;
			background-color: #094cf7;
			border-radius: 50px;
		}
		
	}

	.latter_half {
		margin: auto 30px;
	}
	
	.latter_half ul{
		margin-top: 6%;
	}

	.latter_half li {
		font-size: clamp(15px, 2.9vw, 20px);
		font-weight: bold;
		margin-bottom: 5%;
	}
}