/* ---------------------------------- index-special ---------------------------------- */

div.index-special
{
	padding-top:30px;
    margin-bottom:30px;
}
.index-special-name a
{
    color: #4fab4b;
	text-decoration: none;
}
.index-special-name a:hover {
	text-decoration: none;
}
div.index-special2-list
{
    margin-top: 20px;
    margin-left: -2%;
}
div.index-special2-list:after
{
	content:'';
	display:block;
	clear:left;
}
div.index-special2-item
{
	float:left;
	width:48%;
	margin-left:2%;
	margin-bottom:30px;
	position: relative;
	background-color: #fabc49;
}
.index-special2-item:nth-child(1),
.index-special2-item:nth-child(4n),
.index-special2-item:nth-child(4n+1)
{
	background-color: #4fab4b;
}
.index-special2-item a.item-a
{
	display:block;
	color:white;
	text-decoration:none;
}
.index-special2-item a.item-a:after
{
	content:'';
	display:block;
	clear:both;
}
.index-special2-item span.item-block
{
	display:block;
	float:left;
	width:50%;
	padding:30px;
}
.index-special2-item span.item-block-name
{
	display:block;
	font-size:26px;
	line-height:1.1;
	font-weight:600;
	margin-bottom:15px;
}
.index-special2-item span.item-block-text
{
	display:block;
	font-size:16px;
	line-height:1.3;
}
.index-special2-item span.item-img
{
	display:block;
	position:relative;
	float:left;
	width:50%;
	height:280px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media screen and (max-width:1200px)
{
	.index-special2-item span.item-block
	{
		padding:20px;
	}
}
@media screen and (max-width:1100px)
{
	.index-special2-item span.item-block-name
	{
		font-size:22px;
	}
	.index-special2-item span.item-block-text
	{
		font-size:14px;
	}
}

@media screen and (max-width:900px)
{
	div.index-special
	{
		padding: 20px 50px 20px;
	}

	div.index-special2-list
	{
		margin-left:0;
	}
	div.index-special2-item
	{
		float:none;
		width:auto;
		margin-left:0;
	}
	.index-special2-item span.item-block
	{
		padding:30px;
	}
	.index-special2-item span.item-block-name
	{
		font-size:26px;
	}
	.index-special2-item span.item-block-text
	{
		font-size:16px;
	}
}

@media screen and (max-width:760px)
{
    div.index-special
    {
		padding: 15px 20px 30px;
        background-color: #f5f6f7;
        border-bottom: 1px solid #b9b9b9;
    }
	.index-special2-item span.item-block
	{
		padding:20px;
	}

}
@media screen and (max-width:600px)
{
	.index-special2-item span.item-block-name
	{
		font-size:22px;
	}
	.index-special2-item span.item-block-text
	{
		font-size:14px;
	}
	.index-special2-item span.item-img
	{
		height:240px;
	}
}

@media screen and (max-width:500px)
{
	.index-special2-item span.item-block
	{
		width:auto;
		float:none;
	}
	.index-special2-item span.item-img
	{
		width:auto;
		float:none;
	}
}

@media screen and (max-width:460px)
{
	div.index-special
    {
		padding: 15px 15px 30px;
	}
}