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

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

@media screen and (max-width: 880px) {
	
	section#description {
		padding: 30px 20px 124px 20px;
		background: #fff;
	}

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

	section#description > div > h2 {
		width: auto;
		padding: 106px 0 0 0;
		margin: 0 0 20px 0;
		background-size: 240px auto;
	}

	section#description > div > h2 > span {
		width: auto;
		padding: 166px 0 0 0;
		background: url(../../img/index_sp/h2.svg) no-repeat center top;
		background-size: 420px auto;
	}

	section#description > div > p {
		width: auto;
		padding: 55px 0 0 0;
		margin: 0 auto 28px auto;
		background: url(../../img/index_sp/description.svg) no-repeat center top;
		background-size: 360px auto;
	}
	
	section#description > div > div {
		width: auto;
		margin: 0 0 46px 0;
	}

	section#description > div > ul {
		width: auto;
		padding: 0 10px 30px 10px;
	}
	
	section#description > div > a {
		width: auto;
		height: 80px;
		margin: 0 40px 0 40px;
	}

	section#description > div > a > span {
		width: auto;
		height: 70px;
		margin: 0 0 0 10px;
		top: 10px;
		left: 0;
	}

	section#description > div > a > span > span {
		width: 100%;
		padding: 62px 0 0 0;
	}

}

@media screen and (max-width: 620px) {
	
	section#description {
		padding: 15px 0 88px 0;
		background: #fff;
	}
	
	section#description > div > h2 {
		padding: 52px 0 0 0;
		margin: 0 0 10px 0;
		background-size: 120px auto;
	}

	section#description > div > h2 > span {
		padding: 87px 0 0 0;
		background-size: 220px auto;
	}

	section#description > div > p {
		padding: 32px 0 0 0;
		margin: 0 0 16px 0;
		background-size: 200px auto;
	}
	
	section#description > div > div {
		width: auto;
		padding: 15px 15px 5px 15px;
		margin: 0 20px 23px 20px;
		border: 3px solid #e60014;
		display: block;
	}

	section#description > div > div > dl {
		width: 100%;
		padding: 0 0 10px 0;
		display: table;
	}

	section#description > div > div > dl:first-child {
		border-bottom: 1px dotted #e60014;
		margin: 0 0 10px 0;
	}

	section#description > div > div > dl > dt {
		width: 40px;
		height: auto;
		margin: 0 auto 5px auto;
		display: table-cell;
	}

	section#description > div > div > dl > dt > span {
		width: 40px;
		padding: 40px 0 0 0;
		background-size: 120px auto;
	}

	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: -40px 0px ;	}

	section#description > div > div > dl > dd {
		width: 100%;
		padding: 0 0 0 10px;
		display: table-cell;
	}
	
	section#description > div > h3 {
		height: 0;
		padding: 35px 0 0 0;
		margin: 0 auto 10px auto;
		background-size: 214px auto;
		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 -35px;	}
	section#description > div > h3:nth-of-type(3) {	background-position: center -70px;	}

	section#description > div > ul {
		padding: 0 10px 20px 20px;
	}
	
	section#description > div > ul > li {
		width: 49.5%;
		padding: 0 10px 20px 0;
	}

	section#description > div > ul > li > b {
		width: 40px;
		padding: 40px 0 0 0;
		top: -7px;
		left: -2px;
		background-size: 120px auto;
	}

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

	section#description > div > ul > li > div {
		height: 120px;
		margin: 0 0 8px 0;
	}

	section#description > div > ul > li > div > img {
		width: 92px;
		height: 100px;
		margin: -50px 0 0 -46px;
	}

	section#description > div > ul > li > h4 {
		padding: 0 0 8px 0;
		font-size: 110%;
		line-height: 1.4em;
		font-weight: bold;
	}
	
	section#description > div > a {
		height: 60px;
		margin: 0 30px 0 30px;
	}

	section#description > div > a > span {
		height: 50px;
		margin: 0 0 0 10px;
		top: 10px;
		left: 0;
		border-radius: 10px;
	}

	section#description > div > a > span > span {
		padding: 44px 0 0 0;
		border: 3px solid #e60014;
		border-radius: 10px;
		background-size: 220px auto;
	}

}