@charset "utf-8";
@media screen and (min-height: 1000px) {
	.mainviual{
		height: 40vh !important;
	}
}
@media screen and (min-width: 850px) {
  /* ここに850px以上の画面幅で適用するCSSを書く */
	.pc{
		display: block;
	}
	.mainviual{
		height: 350px;
		overflow: hidden;
	}
	.mainviual img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.content_01{
		max-width: 1100px;
	}
	.content_title{
		font-size: 2.5rem;
	}
	.text_inner{
		font-size: 1.1rem;
	}
	.access_box{
		display: flex;
		margin-bottom: 30px;
	}
	.framebox{
		width: 50%;
		margin: 0;
	}
	.text_box{
		width: 50%;
		margin: 0 30px;
	}
	.sub_title{
		font-size: 150%;
	}
}