@charset "utf-8";
@media screen and (min-height: 1000px) {
	.mainviual{
		height: 40vh !important;
	}
}
@media screen and (min-width: 850px) {
  /* ここに850px以上の画面幅で適用するCSSを書く */
	.mainviual{
		height: 60vh;
		overflow: hidden;
		position: relative;
	}
	.content_01,
	.content_02{
		max-width: 1100px;
		margin-bottom: 100px;
	}
	.program_stepbox{
		display: flex;
	}
	.sub_title_02{
		font-size: 3rem;
	}
	.box_01_list li{
		font-size: 1.5rem;
	}
	.box_02_list li{
		font-size: 1.1rem;
	}
	.content_title{
		font-size: 2.4rem;
	}
	.sub_title{
		font-size: 2.2rem;
		text-align: left;
		padding: 20px;
	}
	.text_inner,
	.smtp_test{
		font-size: 1.1rem;
	}
	.step_text{
		width: fit-content;
		font-size: 108%;
	}
	.right{
		margin-left: 160px;
	}
}