@charset "utf-8";
/* CSS Document */
.index header
{
	margin-top:0;
}

main section
{
	text-align:center;
	background-color: #fffcd1;
	position:relative;
	padding:60px 0 0;
	box-sizing:border-box;
	padding-left:20px !important;
	padding-right:20px !important;
}


main section.bg-white .inner
{
background: #fff;
padding: 50px;
text-align: left;

}

main section.bg-white .inner h2
{
font-size: 20px;
color: #573808;
display: block;
margin-bottom: 8px;
}
main section.bg-white .inner article
{
margin-bottom: 15px;
vertical-align: top;
}

main section.bg-white .inner a
{
text-decoration: none;
}

main section.bg-white .inner dl
{
background: #573808;
color: #fff;
padding: 25px;
margin-bottom: 10%;
}

main section.bg-white .inner dt
{
padding-bottom: 25px;
font-size: 20px;
font-weight: bold;
position: relative;
}

main section.bg-white .inner a dt::after
{
background: url(img/click.png) no-repeat ;
background-size: contain;
position: absolute;
content: "";
display: block;
top: -40px;
right: -20px;
width: 50px;
height: 70px;
transition: 0.4s;
}

main section.bg-white .inner a:hover  dt::after
{
opacity: 0.5;
}

main section.bg-white .inner dt span
{
display: block;
font-size: 16px!important;
font-weight: normal!important;
margin-bottom: 5px;
}
main section.bg-white .inner dd
{
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 100%;
}
main section.bg-white .inner dd img
{
width: 100%;
height: auto;
}

@media(min-width: 768px)
{
section
{
	padding-left:0px !important;
	padding-right:0px !important;
}
main section.bg-white .inner a dt::after
{
width: 90px;
height: 70px;
top: -10px;
right: 10px;
}
	
}
@media(min-width: 960px)
{
}