@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) p{border: 2px solid #F2474A; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(1) h3{background: #F2474A;}
/*#main ul li:nth-child(1) a{background: #F2474A;}*/

#main ul li:nth-child(2) p{border: 2px solid #239541; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(2) h3{background: #239541;}
/*#main ul li:nth-child(2) a{background: #239541;}*/

#main ul li:nth-child(3) p{border: 2px solid #9660D8; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(3) h3{background: #9660D8;}
/*#main ul li:nth-child(3) a{background: #9660D8;}*/

#main ul li:nth-child(4) p{border: 2px solid #4F9CCC; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(4) h3{background: #4F9CCC;}
/*#main ul li:nth-child(4) a{background: #4F9CCC;}*/

#main ul li:nth-child(5) p{border: 2px solid #86B664; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(5) h3{background: #86B664;}
/*#main ul li:nth-child(5) a{background: #86B664;}*/

#main ul li:nth-child(6) p{border: 2px solid #E69E22; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(6) h3{background: #E69E22;}
/*#main ul li:nth-child(6) a{background: #E69E22;}*/

#main ul li:nth-child(7) p{border: 2px solid #F2474A; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(7) h3{background: #F2474A;}
/*#main ul li:nth-child(7) a{background: #F2474A;}*/

#main ul li:nth-child(8) p{border: 2px solid #239541; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(8) h3{background: #239541;}
/*#main ul li:nth-child(8) a{background: #239541;}*/

#main ul li:nth-child(9) p{border: 2px solid #9660D8; padding: 4%; border-radius: 10px;}
#main ul li:nth-child(9) h3{background: #9660D8;}
/*#main ul li:nth-child(9) a{background: #9660D8;}*/

#main ul li:nth-child(10) p{border: 2px solid #4F9CCC; padding: 4%; border-radius: 10px;}
#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%;
}

}