@charset "utf-8";
/* CSS Document */

/* ================================================================================
-----------------------------------------------------------------------------------
	section#description
-----------------------------------------------------------------------------------
================================================================================ */

section#description {
	padding: 38px 0 60px 0;
	background: #fff;
}

section#description > div {
	width: auto;
	position: relative;
}

section#description > div > h2 {
	width: auto;
	padding: 127px 0 0 0;
	margin: 0 auto 15px auto;
	background: url(../../../img/common/h2_bg.png) center top no-repeat;
	display: block;
}

section#description > div > h2 > span {
	width: auto;
	height: 0;
	padding: 141px 0 0 0;
	background: url(../../img/index/h2.svg) center top no-repeat;
	display: block;
	overflow: hidden;
}

section#description > div > p {
	height: 0;
	padding: 20px 0 0 0;
	margin: 0 auto 49px auto;
	background: url(../../img/index/description.svg) center top no-repeat;
	display: block;
	overflow: hidden;
}

section#description > div > div {
	width: 680px;
	padding: 16px 1px 16px 16px;
	margin: 0 auto 46px auto;
	border: 4px solid #e60014;
	border-radius: 10px;
	display: table;
}

section#description > div > div > dl {
	width: 50%;
	padding: 0 15px 0 0;
	display: table-cell;
}

section#description > div > div > dl > dt {
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
}

section#description > div > div > dl > dt > span {
	width: 60px;
	height: 0;
	padding: 60px 0 0 0;
	background: url(../../img/index/item_icon.svg) no-repeat;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

section#description > div > div > dl:nth-of-type(1) > dt > span {	background-position: 0 0px ;	}
section#description > div > div > dl:nth-of-type(2) > dt > span {	background-position: -60px 0px ;	}

section#description > div > div > dl > dd {
	width: auto;
	padding: 0 0 0 10px;
	letter-spacing: 0em;
	line-height: 1.5em;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

section#description > div > h3 {
	height: 0;
	padding: 82px 0 0 0;
	margin: 0 auto 20px auto;
	background: url(../../img/index/h3.gif) no-repeat;
	display: block;
	overflow: hidden;
}

section#description > div > h3:nth-of-type(1) {	background-position: center 0px;	}
section#description > div > h3:nth-of-type(2) {	background-position: center -82px;	}
section#description > div > h3:nth-of-type(3) {	background-position: center -164px;	}

section#description > div > ul {
	max-width: 1000px;
	padding: 0 0 30px 0;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.40em;
}

section#description > div > ul > li {
	width: 248px;
	padding: 0 6px 20px 6px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	position: relative;
}

section#description > div > ul > li > b {
	width: 60px;
	height: 0;
	padding: 60px 0 0 0;
	top: -10px;
	left: -5px;
	background: url(../../img/index/item_icon.svg) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 3000;
}

section#description > div > ul > li > b.kyushu {	background-position: 0px 0px;		}
section#description > div > ul > li > b.meiten {	background-position: -60px 0px;		}
section#description > div > ul > li > b.new {		background-position: -120px 0px;	}

section#description > div > ul > li > div {
	height: 186px;
	margin: 0 0 17px 0;
	border-radius: 10px;
	background: #ffebd0;
	position: relative;
}

section#description > div > ul > li > div > img {
	width: 152px;
	height: 166px;
	margin: -83px 0 0 -76px;
	top: 50%;
	left: 50%;
	position: absolute;
}

section#description > div > ul > li > h4 {
	padding: 0 0 12px 0;
	font-size: 130%;
	line-height: 1.4em;
	font-weight: bold;
}

section#description > div > ul > li > p {
	line-height: 1.4em;
	text-align: left;
}

section#description > div > a {
	width: 570px;
	height: 90px;
	margin: 0 auto;
	display: block;
}

section#description > div > a > span {
	width: 560px;
	height: 80px;
	top: 10px;
	left: 10px;
	border-radius: 20px;
	background: #e60014;
	display: block;
	position: relative;
}

section#description > div > a > span > span {
	width: 100%;
	height: 0;
	padding: 72px 0 0 0;
	right: 10px;
	bottom: 10px;
	border: 4px solid #e60014;
	border-radius: 20px;
	background: #fff url(../../img/index/btn_txt.svg) no-repeat center center;
	display: block;
	overflow: hidden;
	position: relative;
}

section#description > div > a:hover > span > span {
	right: 0;
	bottom: 0;
}