html, body.home {
    /* 領域の高さ指定 */
	height: 100%;
}

.top_section {
	margin: 200px auto 0; /*ボックス外側の余白*/
	width: 35%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}
.top_h2 img {
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}

.top_wrapper {
	float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	width: calc(100% - 200px);
	height: 100%; /*領域の高さ指定*/
}
.top_content {
	height: 100%; /*領域の高さ指定*/
}

@media screen and (max-width: 768px) {

.top_section {
	margin: 100px auto 0; /*ボックス外側の余白*/
	width: 80%; /*幅指定(100%は画面横幅いっぱいに表示)*/
}

.top_wrapper {
	padding-top: 50px; /*ボックス内側上の余白*/
	width: 100%;
}
.top_content {
	margin-left: 0; /*ボックス外側左の余白*/
}

}