@charset "utf-8";

.header {
}
.header h1,
.header-tree h1,
.head-info {
	display: none;
	overflow: hidden;
	height: 0px;
}

@media screen and (max-width: 640px) {
	#home .header {
		display: block;
		background: url(../images/header-sp.png) no-repeat center top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		padding: 79.6875% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: relative;
		z-index: 2;
	}
	#home .header .title-70th a {
		width: 47.8125%;
		height: 11.96078%;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		position: absolute;
		top: 3.92157%;
		left: 26.09375%;
	}

	.tree .header-tree {
		width: 100%;
		background: url(../column/images/header-tree-sp.png) no-repeat center top;
		padding: 34.375% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: relative;
	}
	.tree .header-tree-inner {
	}
	.tree .header-tree .title-70th a {
		display: block;
		width: 30.46875%;
		height: 17.2727%;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		position: absolute;
		top: 9.5455%;
		left: 12.8125%;
	}
	.tree .header-tree .back {
		width: 33.75%;
		position: absolute;
		top: 68.1819%;
		left: 59.375%;
	}
}

@media screen and (min-width: 641px) {
	#home .header {
		display: block;
		background: url(../images/header-pc.png) no-repeat center top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		height: 758px;
		margin: 0 auto;
	}
	#home .header-inner {
		width: 980px;
		height: 758px;
		margin: 0 auto;
		position: relative;
	}
	#home .header .title-70th a {
		width: 258px;
		height: 52px;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		position: absolute;
		top: 24px;
		left: 361px;
	}

	.tree .header-tree {
		background: url(../column/images/header-tree-pc.png) no-repeat center top;
		width: 100%;
		height: 170px;
	}
	.tree .header-tree-inner {
		width: 940px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
	}
	.tree .header-tree .title-70th a {
		width: 153px;
		height: 31px;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		list-style-type: none;
		position: absolute;
		top: 12px;
		left: 122px;
	}
	.tree .header-tree .back {
		width: 212px;
		height: 56px;
		position: absolute;
		top: 100px;
		left: 554px;
	}
}