@charset "utf-8";

#base .top{
	position:relative;
	overflow:hidden;
}

#base .top .cont{
	position:relative;
	display:table-cell;
	left:0;
	/*top:24px;*/
	top:0;
	z-index:21;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}

#base .top .cont .txt1{
	font-size:2.3em;
	line-height:1.87;
	font-weight:bold;
	color:#000000;
	letter-spacing:0.05em;
	padding:4px 0 229px;
}

#base .top .cont .txt2{
	font-size:1.6em;
	line-height:2.2;
	font-weight:bold;
	color:#000000;
	letter-spacing:0.05em;
	padding:31px 0 0;
}

#base .top .kv{
	position:absolute;
	left:0;
	/*top:24px;*/
	top:0;
	z-index:20;
	overflow:hidden;
	background:#EBEAE2;
}

#base .top .kv img{
	position:absolute;
	top:0;
}

/* --------------------------------------------- */

#base .navi{
	position:absolute;
	z-index:100;
	width:0;
	overflow:hidden;
}

#base .navi .navi2{
	position:relative;
	background:#8D8A8A;
	color:#FFFFFF;
	font-size:1.5em;
	letter-spacing:0.05em;
	text-align:center;
}

#base .navi .navi2 ul{
	display:table;
	margin:0 auto;
	height:60px;
}

#base .navi .navi2 ul li{
	display:table-cell;
	padding-left:40px;
	vertical-align:middle;
}
#base .navi .navi2 ul li:first-child{
	padding-left:0;
}

#base .navi .navi2 ul li a div{
}

/* --------------------------------------------- */

#base .gmark{
}

#base .gmark ul{
	display:table;
	margin:60px auto 0;
	width:950px;
}

#base .gmark ul li{
	display:table-cell;
	vertical-align:middle;
}
#base .gmark ul li:first-child{
	text-align:left;
}

#base .gmark ul li .ttl{
	width:450px;
	margin:100px 0 0 auto;
	font-size:3.0em;
	font-weight:bold;
	color:#000000;
	letter-spacing:0.08em;
}

#base .gmark ul li .txt{
	width:450px;
	margin:55px 0 95px auto;
	font-size:1.5em;
	color:#444444;
	line-height:2.0;
	letter-spacing:0.05em;
}

#base .gmark ul li .txt p{
	padding-top:20px;
}
#base .gmark ul li .txt p:first-child{
	padding-top:0;
}

/* --------------------------------------------- */

#base .reason{
	background:url(../img/gooddesign/product.jpg) no-repeat center bottom #F2F2F2;
}

#base .reason .cont{
	width:950px;
	margin:0 auto;
}

#base .reason .ttl{
	padding-top:100px;
	font-size:3.0em;
	font-weight:bold;
	color:#000000;
	letter-spacing:0.1em;
}

#base .reason .txt{
	width:470px;
	padding-top:65px;
	padding-bottom:95px;
}

#base .reason .txt .txt1{
	font-size:1.6em;
	color:#000000;
	font-weight:bold;
	letter-spacing:0.1em;
}

#base .reason .txt .txt2{
	padding-top:20px;
	font-size:1.5em;
	color:#444444;
	line-height:2.0;
	letter-spacing:0.05em;
}

/* --------------------------------------------- */

#base .comment{
}

#base .comment .cont{
	display:table;
	width:950px;
	margin:0 auto;
}

#base .comment .cont .ttl{
	display:table-cell;
	width:370px;
	text-align:left;
	vertical-align:top;
	padding:100px 0 95px;
}

#base .comment .cont .ttl p{
	font-size:2.8em;
	font-weight:bold;
	color:#000000;
	letter-spacing:0.05em;
}

#base .comment .cont .designer{
	display:table-cell;
	width:580px;
	text-align:left;
	vertical-align:top;
	padding:100px 0 95px;
}

#base .comment .cont .designer ul{
	display:table;
}

#base .comment .cont .designer ul li{
	display:table-cell;
	width:265px;
	padding-left:50px;
}
#base .comment .cont .designer ul li:first-child{
	padding-left:0;
}

#base .comment .cont .designer ul li .txt1{
	padding-top:35px;
	font-size:1.4em;
	color:#000000;
	font-weight:bold;
	letter-spacing:0.1em;
}

#base .comment .cont .designer ul li .txt2{
	padding-top:20px;
	font-size:2.4em;
	color:#000000;
	font-weight:bold;
	letter-spacing:0.1em;
}

#base .comment .cont .designer ul li .txt3{
	padding-top:25px;
	font-size:1.4em;
	color:#444444;
	line-height:1.9;
	letter-spacing:0.05em;
}

/* --------------------------------------------- */

#base .banner{
	background:#DED9C9;
	text-align:center;
	padding:60px 0;
}