@charset "UTF-8";
/* sp
----------------------------------------------- */
.ba .titles {font-weight:bold;text-align:center;margin-bottom: 5vw;}
.ba .titles .tit{font-size: 7vw;margin-bottom: 0;background: #c2c2c2;color: #fff;line-height: 1.4;margin-bottom: 1%;}
.ba .titles .sub{font-size: 6vw;color: #49a383;margin-bottom: 1%;}
.ba .titles .memo{border: 1px solid #ccc;border-radius: 40px;padding: 2% 0;width: 70%;margin: 0 auto;}

.ba ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.ba li{overflow:hidden;width: 49%;height: 44vw;margin-bottom: 2%;padding: 3%;border: 1px solid #ccc;}
.ba li img{width:100%;}


/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.ba .titles{margin-bottom:50px;}
.ba .titles .tit{font-size:30px;width: 640px;margin: 0 auto;padding: 6px;}
.ba .titles .sub{font-size:50px;}
.ba .titles .memo{width:400px;padding: 10px;}
.ba ul{-webkit-justify-content: left;justify-content: left;}
.ba li{width: 23%;height: 215px;margin: 0 5px 15px 5px;padding: 10px;}
	
}

  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
	
 }