@charset "utf-8"; 

#contents .contents-area #index-area ul{
}
#contents .contents-area #index-area ul li{
background:rgba(102,102,102,1);
border-radius:4px;
border:1px solid rgba(44,112,172,0.5);
}
#contents .contents-area #index-area ul li a{
display:block;
display: flex;
text-decoration:none;
}
#contents .contents-area #index-area ul li a dl{
padding:15px 20px;
background:rgba(255,255,255,0.8);
align-self:flex-end;
width:100%;
-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#contents .contents-area #index-area ul li a dl dt{
font-size:13px;
color:rgba(0,0,0,1);
line-height:1.5;
}
#contents .contents-area #index-area ul li a dl dd{
font-size:28px;
color:rgba(0,0,0,1);
line-height:1.5;
}
#contents .contents-area #index-area ul li a:hover dl{
background:rgba(44,112,172,0.5);
}
#contents .contents-area #index-area ul li a:hover dl dt,
#contents .contents-area #index-area ul li a:hover dl dd{
color:rgba(255,255,255,1);
text-decoration:none;
}
#contents .contents-area #index-area ul li.item1{
background: url(../images/item_img01.jpg) no-repeat;
}
#contents .contents-area #index-area ul li.item2{
background: url(../images/item_img02.jpg) no-repeat;
}
#contents .contents-area #index-area ul li.item3{
background: url(../images/item_img03.jpg) no-repeat;
}
#contents .contents-area #index-area ul li.item4{
background: url(../images/item_img04.jpg) no-repeat;
}
/* ============================================================ pc */
@media screen and (min-width:800px) {
#contents .contents-area #sub-menu {
	width:196px;
}
#contents .contents-area #index-area ul li{
	float:left;
	width:330px;
height:330px;
}
#contents .contents-area #index-area ul li a{
width:330px;
height:330px;
}
.top-img {
	background:url(../../images/main_img_bg.png) repeat-x top;
	height:67px;
}
.top-img p {
	background:url(../../images/main_img.png) no-repeat top center;
	height:67px;
}
#contents .contents-area #index-area ul li:nth-child(even){
	float:right;
}
#contents .contents-area #index-area ul li.item3,
#contents .contents-area #index-area ul li.item4{
	margin-top:32px;
}
#contents .contents-area h2 {
	font-size: 10px;
	padding-bottom:30px;
}

#contents .contents-area #index-area {
	padding-top:11px;
	float:right;
	width:695px;
}



}
/* ============================================================ sp */
@media screen and (max-width:800px) {

#contents .contents-area #index-area h2 {
	padding-bottom:.5rem;
}
#contents .contents-area #index-area ul li{
width:100%;
height:330px;
margin-bottom:1rem;
}
#contents .contents-area #index-area ul li.item1{
background: url(../images/item_img01.jpg) center center no-repeat;
background-size: contain;
}
#contents .contents-area #index-area ul li.item2{
background: url(../images/item_img02.jpg) center center no-repeat;
background-size: contain;
}
#contents .contents-area #index-area ul li.item3{
background: url(../images/item_img03.jpg) center center no-repeat;
background-size: contain;
}
#contents .contents-area #index-area ul li.item4{
background: url(../images/item_img04.jpg) center center no-repeat;
background-size: contain;
}
#contents .contents-area #index-area ul li a{
width:100%;
height:330px;
}

}