/* デザイン */
.mv{position: relative;color: #fff; padding: 50px 0;background: url("../images/concept/bg.jpg") no-repeat;background-size: cover}
.mv h2{width: 70%;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{margin-top: 30px; margin-bottom: 30px; font-size: 1.1rem;line-height: 2.3em;letter-spacing: 0.1em;text-shadow: 1px 1px 2px black;}

@media screen and (max-width: 1200px) {/*スマホ設定*/
.mv .mv_img img{height: 2200px!important;}
}
@media screen and (max-width: 668px) {/*スマホ設定*/
.mv{padding-bottom: 20px}
.mv .mv_img img{height: 1600px!important;}
.mv h2{width: 90%;margin: auto}
.mv h3{font-size: 1rem}
.mv .copy{margin-top: 50px; font-size: 0.8rem;}
}

.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; }

.concept-box .img2{position: relative}
.concept-box .img2 h4{width: 70%;margin: auto;position: absolute;left: 0;right: 0;top: 80px;}
@media screen and (max-width: 668px) {/*スマホ設定*/
.concept-box .img2 h4{width: 80%;top: 30px;}
}


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