@charset "utf-8";

/*  2021.01.7 update ---------------------*/

/* シンプルモーションユニットとは？　 ==============================*/


div.con_item4-sp2{flex-wrap: wrap;}

.div_item h3 { background-color: #CCC; font-size: 90%; font-weight: 700;padding: 0.2em;margin-bottom: 1em;}
div.con_item4-sp2.div_list div.div_item{ background-color: #222;color: #79d26f; border: 1px solid #689E62; font-weight: 700;padding: 0.5em 0; margin-bottom: 10px; width: calc((100% - 40px)/4); display: flex;flex-direction: column; justify-content: center;align-items: center;}
div.con_item4-sp2 span{display: block; font-size: 60%;}

/* 背景がグレーの画像リスト */

.gray_box{background-color: #EEF0EF;padding: 1em 1em 0;}
div.con_item4 div.div_item img{
  box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, .3);
}

/* シャドウ */
.l-tile__item img{  box-shadow: 3px 3px 6px #AAA; max-width: 100%; height: auto;}


/*////////////////////////////////////////////////////////////////////////////*/
/*　ス　マ　ホ　表　示
//////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px){

.div_list h3 {  font-size: 14px; padding: 0.2em;margin-bottom: 1em;}

div.con_item4-sp2 .div_item { font-size: 14px;}
div.con_item4-sp2 .div_item span {font-size: 12px;}
div.con_item4-sp2.div_list div.div_item { width: calc((100% - 20px)/2);}


}