@charset "utf-8";

#idea-index h1,
#idea-index h2,
#idea-index h3,
#idea-index h4 {
  font-weight: normal;
}
#idea-index p,
#idea-index ul,
#idea-index li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#idea-index {
  margin-bottom: 30px;
}
#idea-index .header h2 {
  width: 146px;
  height: 22px;
  background-image: url(../images/heading_2.png);
  opacity: 1;
}
#idea-index p.lead {
  margin-bottom: 48px;
  padding-top: 12px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 1.2px;
}
#idea-index .archive {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#idea-index .archive li {
  width: 23.05%;
  margin: 0 0 60px 2.55%;
  font-size: 16px;
  text-align: center;
}
#idea-index .archive li:nth-child(4n+1) {
  margin-left: 0;
}
#idea-index .archive li a {
  display: block;
  padding-top: 100%;
  background: no-repeat 50% 0;
  background-size: 100% auto;
  opacity: 1;
  transition: opacity .2s ease;
}
#idea-index .archive li a:hover {
  text-decoration: none;
}
#idea-index .archive li a:hover {
  opacity: 0.5;
}
#idea-index .archive li span {
  display: block;
  padding-top: 16px;
}
/* 01_陰影 */
#idea-index .archive li.idea01 a {
  background-image: url(../images/idea01.jpg);
}
/* 02_ミリの世界 */
#idea-index .archive li.idea02 a {
  background-image: url(../images/idea02.jpg);
}
/* 03_気づく */
#idea-index .archive li.idea03 a {
  background-image: url(../images/idea03.jpg);
}
/* 04_攻略 */
#idea-index .archive li.idea04 a {
  background-image: url(../images/idea04.jpg);
}
/* 05_レシピ */
#idea-index .archive li.idea05 a {
  background-image: url(../images/idea05.jpg);
}
/* 06_生命力 */
#idea-index .archive li.idea06 a {
  background-image: url(../images/idea06.jpg);
}
/* 07_共創 */
#idea-index .archive li.idea07 a {
  background-image: url(../images/idea07.jpg);
}
/* 08_シンプル */
#idea-index .archive li.idea08 a {
  background-image: url(../images/idea08.jpg);
}


@media screen and (max-width: 768px) {
  #idea-index {
    margin-bottom: 30px;
  }
  #idea-index .header h2 {
    width: 125px;
    height: 17px;
    background-image: url(../images/sp/heading_1.png);
    background-size: auto 100%;
	opacity: 1;
  }
  #idea-index p.lead {
    margin-bottom: 44px;
    padding: 5px 22px 0;
    font-size: 14px;
    font-size: 3.73vw;
    line-height: 1.9;
    text-align: justify;
    letter-spacing: 0;
  }
  #idea-index .archive {
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 22px;
  }
  #idea-index .archive li {
    width: 100%;
    margin-left: 0;
    font-size: 18px;
    font-size: 4.8vw;
  }
  #idea-index .archive li:last-child {
    margin-bottom: 0;
  }
  #idea-index .archive li a {
    transition: none;
  }
  #idea-index .archive li a:hover {
    opacity: 1;
  }
  /* 01_陰影 */
  #idea-index .archive li.idea01 a {
    background-image: url(../images/sp/idea01.jpg);
  }
  /* 02_ミリの世界 */
  #idea-index .archive li.idea02 a {
    background-image: url(../images/sp/idea02.jpg);
  }
  /* 03_気づく */
  #idea-index .archive li.idea03 a {
    background-image: url(../images/sp/idea03.jpg);
  }
  /* 04_攻略 */
  #idea-index .archive li.idea04 a {
    background-image: url(../images/sp/idea04.jpg);
  }
  /* 05_レシピ */
  #idea-index .archive li.idea05 a {
    background-image: url(../images/sp/idea05.jpg);
  }
  /* 06_生命力 */
  #idea-index .archive li.idea06 a {
    background-image: url(../images/sp/idea06.jpg);
  }
  /* 07_共創 */
  #idea-index .archive li.idea07 a {
    background-image: url(../images/sp/idea07.jpg);
  }
  /* 08_シンプル */
  #idea-index .archive li.idea08 a {
    background-image: url(../images/sp/idea08.jpg);
  }
}