/* TABLE OF CONTENTS:
 * 
 * 01 どのサイズでも共通で適用されるスタイル
    (画面サイズが729以下の指定)
 * 02 幅 480px 以上
 * 03 幅 *768px 以上
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * どのサイズでも共通で適用されるスタイル
 */

.area-list ul li {
    list-style: none;
    text-align: center;
    margin: auto;
    margin-bottom: 3em;
}
.area-list .area-2-4  {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.area-list .area-2-4 li {
  background-position-x: center;
  background-size: contain;
  max-width: 222px;
}
.area-list .area-2-4 p {
  font-weight: bold;
  font-size: 21px;
}

.area-list .area-2-4 li a .over {
  display: none;
}
.area-list .area-2-4 li a .normal {
  display: block;
}
.area-list .area-2-4 li a:hover .over {
  display: block;
}
.area-list .area-2-4 li a:hover .normal {
  display: none;
}


/*画面サイズが767以下からはここを読み込む*/
    
@media (max-width:767px) {
.area-list ul li {
    width: 45%;
    margin-bottom: 0;
}

}/* Eo max767 */
/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}/* End 620px Mobile Large */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {

}

    /* ここにスタイル */

/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {

    /* ここにスタイル */

}/* End 880px Tablet Large */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}/* End 955px Desktop Small */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

    /* ここにスタイル */

}/* End 1100px Desktop Medium */