@charset "utf-8";

#main h2#page_ttl{
background:#EBA623;
}

/*#main ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}*/


#main ul li{
width: 48%;
margin-right: 4%;
margin-bottom: 30px;
border-radius: 5px;
padding: 2%;
box-sizing: border-box;
position: relative;
padding-bottom: 50px;
float: left;
}

#main ul li h3{
border-radius: 5px;
color: #FFF;
padding: 15px;
line-height: 1em;
margin-bottom: 15px;
text-align: center;
}

#main ul li strong{
overflow: hidden;
display: block;
height: 180px;
position: relative;
margin-bottom: 15px;
}

#main ul li img{
width: 100%;
height: auto;
position: absolute;
top:-25%;
}

#main ul li a{
text-align: center;
clear: both;
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: #FFF;
line-height: 1em;
padding: 10px 0;
font-weight: bold;
}


#main ul li:nth-child(even){
margin-right: 0;
}



#main ul li:nth-child(1){border: 2px solid #F2474A;}
#main ul li:nth-child(1) h3{background: #F2474A;}
#main ul li:nth-child(1) a{background: #F2474A;}

#main ul li:nth-child(2){border: 2px solid #239541;}
#main ul li:nth-child(2) h3{background: #239541;}
#main ul li:nth-child(2) a{background: #239541;}

#main ul li:nth-child(3){border: 2px solid #9660D8;}
#main ul li:nth-child(3) h3{background: #9660D8;}
#main ul li:nth-child(3) a{background: #9660D8;}

#main ul li:nth-child(4){border: 2px solid #4F9CCC;}
#main ul li:nth-child(4) h3{background: #4F9CCC;}
#main ul li:nth-child(4) a{background: #4F9CCC;}

#main ul li:nth-child(5){border: 2px solid #86B664;}
#main ul li:nth-child(5) h3{background: #86B664;}
#main ul li:nth-child(5) a{background: #86B664;}

#main ul li:nth-child(6){border: 2px solid #E69E22;}
#main ul li:nth-child(6) h3{background: #E69E22;}
#main ul li:nth-child(6) a{background: #E69E22;}

#main ul li:nth-child(7){border: 2px solid #F2474A;}
#main ul li:nth-child(7) h3{background: #F2474A;}
#main ul li:nth-child(7) a{background: #F2474A;}

#main ul li:nth-child(8){border: 2px solid #239541;}
#main ul li:nth-child(8) h3{background: #239541;}
#main ul li:nth-child(8) a{background: #239541;}

#main ul li:nth-child(9){border: 2px solid #9660D8;}
#main ul li:nth-child(9) h3{background: #9660D8;}
#main ul li:nth-child(9) a{background: #9660D8;}

#main ul li:nth-child(10){border: 2px solid #4F9CCC;}
#main ul li:nth-child(10) h3{background: #4F9CCC;}
#main ul li:nth-child(10) a{background: #4F9CCC;}








@media screen and (max-width:767px){
#main ul{
display: block;
}

#main ul li{
width: 100%;
}

}