@charset "utf-8";

.header {
}
#home .header .head-info {
	display: none;
	overflow: hidden;
	height: 0px;
}

@media screen and (max-width: 640px) {
	#home .header {
		width: 100%;
		background: #f9ff01;
		padding: 4.5% 0 8.4%;
		position: relative;
	}
	#home .header-inner {
		background: url(../images/header-sp.png) no-repeat center top;
		padding: 141.09375% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		position: relative;
		z-index: 2;
	}
	#home .header img {
		position: absolute;
		top: 9.2%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 1;
	}

	.tree .header-tree {
		width: 100%;
		background: #f9ff01;
	}
	.tree .header-tree-inner {
		width: 94%;
		padding: 4.6% 0 2.8%;
		margin: 0 auto;
		position: relative;
	}
	.tree .header-tree h1 {
		background: url(../column/images/header-tree-sp.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		padding: 42.5287% 0 0;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
	}
	.tree .back {
		width: 30.3333%;
		position: absolute;
		top: 30%;
		right: 3.0%;
	}

	.tree .head-tree-info {
		width: 100%;
		background: url(../images/bg.png) repeat center top;
		padding: 1.4% 0;
	}
	.tree .head-tree-info h2 {
		width: 60.3125%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 641px) {
	#home .header {
		width: 100%;
		background: #f9ff01;
		padding: 20px 0 24px;
		position: relative;
	}
	#home .header-inner {
		background: url(../images/header-pc.png) no-repeat center top;
		height: 723px;
		position: relative;
		z-index: 2;
	}
	#home .header img {
		position: absolute;
		top: 72px;
		right: 50%;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		z-index: 1;
	}

	.tree .header-tree {
		width: 100%;
		background: #f9ff01;
		border-bottom: 2px solid #000;
		padding: 22px 0 8px;
		position: relative;
	}
	.tree .header-tree-inner {
		width: 940px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
	}
	.tree .header-tree h1 {
		background: url(../column/images/header-tree-pc.png) no-repeat center top;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		list-style-type: none;
		width: 939px;
		height: 137px;
		position: relative;
		z-index: 3;
	}
	.tree .back {
		width: 115px;
		height: 43px;
		position: absolute;
		bottom: 10px;
		right: 0;
		z-index: 8;
	}

	.tree .head-tree-info {
		width: 100%;
		background: url(../images/bg.png) repeat center top;
		padding: 12px 0;
		position: absolute;
		bottom: 0;
		z-index: 1;
	}
	.tree .head-tree-info h2 {
		width: 262px;
		margin: 0 auto;
	}
}