/* デザイン */
.mv{position: relative;color: #fff; padding: 50px 0 500px;background: url("../images/concept/bg.jpg") no-repeat center bottom;background-size: cover}
.mv h2{width: 50%;margin: auto}
.mv h3{margin-top: 50px; font-size: 1.6rem;line-height: 2.3em;letter-spacing: 0.2em;text-shadow: 1px 1px 2px black;}
.mv .copy{width: 70%; margin: 30px auto; font-size: 1rem;line-height: 2.3em;letter-spacing: 0.1em;text-shadow: 1px 1px 2px black;}



@media screen and (max-width: 668px) {/*スマホ設定*/
.mv{padding: 30px 0 300px;}
.mv h2{width: 70%;margin: auto}
.mv h3{font-size: 0.9rem;margin-top: 30px;}
.mv .copy{margin-top: 30px; width: 96%; font-size: 0.7rem;text-align: left;line-height: 2em;letter-spacing: 0.05em;}
}

.fade-in {
  opacity: 0;
  animation: fadeInAnime 1s ease-in forwards 1s; /* 0.5秒遅らせて1秒かけて表示 */
}
.fade-in2 {
  opacity: 0;
  animation: fadeInAnime 1s ease-in forwards 2s; /* 0.5秒遅らせて1秒かけて表示 */
}
.fade-in3 {
  opacity: 0;
  animation: fadeInAnime 1s ease-in forwards 3s; /* 0.5秒遅らせて1秒かけて表示 */
}
/* アニメーションの動き */
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.concept-box{}
.concept-box #pankuzu{position: absolute;left: 0;right: 0;margin: 0;top: 6px;z-index: 2}
.concept-box #pankuzu .inner--base{width: 1200px;margin: auto;text-align: center;padding: 0px 0;}
.concept-box #pankuzu .pankuzu-list li{color: #fff}
.concept-box #pankuzu .pankuzu-list li a{color: #fff}
.notes-area{ margin: 0% auto 0; }




.pc{display: block}
.sp{display: none}
@media screen and (max-width: 668px) {/*スマホ設定*/
.sp{display: block}
.pc{display: none}
}