@charset "UTF-8";
/*================================
 o/w
=================================*/

/*================================
 PAGE-features
=================================*/

#features {
	padding-top: 0!important;
}
#features header {
	overflow: hidden;
	height: 730px;
	background: url(../img/features/header_bg.jpg) no-repeat center top;
}
#features header .row_inner {
	overflow: hidden;
	height: 730px;
}
#features header h2 {
	position: relative;
	background: url(../img/features/header_tit.png) no-repeat center center;
	display: block;
	width: 800px;
	height: 200px;
	margin: 520px auto 0;
}
/* anc
-------------------------------- */

#anc {
	overflow: hidden;
	position: relative;
	margin: 0 auto 40px;
}
#anc ul {
	overflow: hidden;
	position: relative;
	width: 1240px;
	height: 180px;
	margin: 0 auto;
}
#anc li {
	position: absolute;
	display: block;
	width: 240px;
	height: 160px;
}
#anc li.anc01 {
	left: 10px;
	top: 10px;
}
#anc li.anc02 {
	left: 250px;
	top: 10px;
}
#anc li.anc03 {
	left: 490px;
	top: 10px;
}
#anc li.anc04 {
	left: 720px;
	top: 10px;
}
#anc li.anc05 {
	left: 960px;
	top: 10px;
}
#anc li::before {
	content: "";
	display: block;
	width: 4px;
	height: 60px;
	background-color: rgba(163,138,97,0.2);
	position: absolute;
	top: 40px;
	left: 2px;
}
#anc li.anc05::after {
	content: "";
	display: block;
	width: 4px;
	height: 60px;
	background-color: rgba(163,138,97,0.2);
	position: absolute;
	top: 40px;
	right: 2px;
}
#anc li a {
	display: block;
	width: 200px;
	height: 160px;
	position: absolute;
	left: 20px;
	top: 0;
}
#anc li.anc01 a {
	background: url(../img/features/anchor_img.png) no-repeat left -20px top 0;
}
#anc li.anc02 a {
	background: url(../img/features/anchor_img.png) no-repeat left -260px top 0;
}
#anc li.anc03 a {
	background: url(../img/features/anchor_img.png) no-repeat left -500px top 0;
}
#anc li.anc04 a {
	background: url(../img/features/anchor_img.png) no-repeat left -740px top 0;
}
#anc li.anc05 a {
	background: url(../img/features/anchor_img.png) no-repeat left -980px top 0;
}
#anc li a:hover {
	display: block;
	top: 5px;
}
/* tree
-------------------------------- */

#tree {
	overflow: hidden;
	position: relative;
	margin: 0 auto 40px;
}
#tree ul {
	position: relative;
}
#tree li {
	position: relative;
	display: block;
	height: 1200px;
	margin: 0 auto;
}
#tree li#li01 {
	background: url(../img/features/list_01_bg.jpg) no-repeat center top;
}
#tree li#li02 {
	background: url(../img/features/list_02_bg.jpg) no-repeat center top;
}
#tree li#li03 {
	background: url(../img/features/list_03_bg.jpg) no-repeat center top;
}
#tree li#li04 {
	background: url(../img/features/list_04_bg.jpg) no-repeat center top;
}
#tree li#li05 {
	background: url(../img/features/list_05_bg.jpg) no-repeat center top;
	height: 1170px;
}
#tree li .card {
	display: block;
	width: 730px;
	height: 540px;
	background-color: #fff;
	position: absolute;
}
#tree li#li01 .card, #tree li#li03 .card, #tree li#li05 .card {
	left: 40px;
	top: 580px;
	padding: 60px 180px 20px 150px;
}
#tree li#li02 .card, #tree li#li04 .card {
	right: 60px;
	top: 580px;
	padding: 60px 150px 20px 180px;
}
#tree li::before {
	content: "";
	display: block;
	width: 1000px;
	height: 360px;
	background-color: #EEE7DF;
	position: absolute;
}
#tree li#li01::before {
	left: 0;
	top: 630px;
}
#tree li#li03::before {
	left: 0;
	top: 840px;
}
#tree li#li05::before {
	left: 0;
	top: 840px;
	width: 100%;
	height: 560px;
}
#tree li#li02::before, #tree li#li04::before {
	right: 200px;
	top: 840px;
}
#tree li .card h3.ct {
	display: block;
	width: 80px;
	height: 320px;
	position: absolute;
}
#tree li#li01 .card h3.ct {
	background: url(../img/features/list_01_tit.png) no-repeat center top;
	left: 40px;
	top: 70px;
}
#tree li#li02 .card h3.ct {
	background: url(../img/features/list_02_tit.png) no-repeat center top;
	right: 40px;
	top: 70px;
}
#tree li#li03 .card h3.ct {
	background: url(../img/features/list_03_tit.png) no-repeat center top;
	left: 40px;
	top: 70px;
}
#tree li#li04 .card h3.ct {
	background: url(../img/features/list_04_tit.png) no-repeat center top;
	right: 40px;
	top: 70px;
}
#tree li#li05 .card h3.ct {
	background: url(../img/features/list_05_tit.png) no-repeat center top;
	left: 40px;
	top: 70px;
}
#tree li .card h4 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}
#tree li .card p {
	letter-spacing: 0;
	text-align: justify;
}
#tree li#li01 .card img.with, #tree li#li03 .card img.with, #tree li#li05 .card img.with {
	position: absolute;
	left: 620px;
	top: 110px;
}
#tree li#li02 .card img.with, #tree li#li04 .card img.with {
	position: absolute;
	left: -480px;
	top: 110px;
}
.w1200b {
	width: 1200px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.zeh00 {
	background-color: #EEE7DF;
	margin-top: 0px;
}
.zeh01 {
	background-color: #FFF;
	text-align: center;
	height: 68px;
	width: 1200px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 20px;
}
.zeh02 {
	overflow: hidden;
	position: relative;
	zoom: 1;
	margin-top: 18px;
}
.zeh03 {
	width: 376px;
	height: 244px;
	float: left;
	background-image: url(../img/features/zeh_pc_02.png);
}
.zeh03a {
	font-size: 20px;
	font-weight: bold;
	color: #A38961;
	text-align: center;
	margin-top:50px;
}
.zeh03b {
	line-height: 30px;
	width: 310px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
		letter-spacing: 0em;

}

.zeh04 {
	margin-top: 56px;
	padding-bottom: 56px;
}