/* デザイン */
.mv{position: relative}
.mv .mv_img img{width: 100%;height: 2800px!important;object-fit: cover; object-position: bottom center}
.mv .mv_txt{position: absolute;left: 0;right: 0;top: 120px;margin: auto}
.mv h2{width: 70%;margin: auto}
.mv .copy{margin-top: 50px; font-size: 1.2rem;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{}
.mv .mv_img img{height: 1600px!important;}
.mv h2{width: 90%;margin: auto}
.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秒かけて表示 */
}
/* アニメーションの動き */
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.concept-box{background: linear-gradient(to right,  #00405e 0%,#005392 50%,#00405e 100%);
color: #fff;position: relative;}
.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; }

@media screen and (max-width: 668px) {/*スマホ設定*/

}

.concept-box .box_inner{width: 950px;margin: auto;text-align: center;padding: 160px 0;}
.concept-box .box_inner h2{font-size: 1.8rem;line-height: 2.3em; letter-spacing: 0.2em;font-weight: normal}

.concept-box .box_inner h3{font-size: 1.8rem;letter-spacing: 0.2em;font-weight: normal;margin-top: 80px}
.concept-box .box_inner h4{font-size: 2.6rem;letter-spacing: 0.4em;font-weight: normal;margin-top: 0px;margin-bottom: 60px}
.concept-box .box_inner h4 span{font-size: 4.6rem}

.concept-box .box_inner h3 {align-items: center; display: flex;  justify-content: center;}
.concept-box .box_inner h3 {display: flex;  align-items: center;  text-align: center;}
.concept-box .box_inner h3::before,
.concept-box .box_inner h3::after {  content: "";  flex-grow: 1;  height: 1px;  background-color: #fff; }
.concept-box .box_inner h3::before {  margin-right: 15px;}
.concept-box .box_inner h3::after {  margin-left: 15px;}

.concept-box .box_inner dl.line{border-bottom: 1px solid #fff;padding-bottom: 30px;margin-bottom: 30px}
.concept-box .box_inner dt{width: 65%;text-align: left}
.concept-box .box_inner dd{width: 30%}
.concept-box .box_inner dt .copy{line-height: 2.3em;;font-size: 1.2rem;letter-spacing: 0.1em;margin-top: 40px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.concept-box .box_inner{width: 90%;padding: 60px 0;}
.concept-box .box_inner h2{font-size: 1rem;}
.concept-box .box_inner h3{font-size: 0.8rem;margin-top: 40px}
.concept-box .box_inner h4{font-size: 1.6rem;margin-bottom: 40px;line-height: 1.1;margin-top: 20px}
.concept-box .box_inner h4 span{font-size: 2.6rem}
.concept-box .box_inner dt{width: 100%;text-align: left;margin-bottom: 30px}
.concept-box .box_inner dd{width: 100%}
.concept-box .box_inner dt .copy{line-height: 2em;;font-size: 0.9rem;letter-spacing: 0.1em;margin-top: 30px}

}


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