@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* COMMON ==================== */
body{
}
#wrapper{
  background: #fff;
}

.content{
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .content{
   max-width:1920px;
   margin:0 auto;
 }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .content{
    width:125%;
    margin:0 auto;
  }
}
.bg01{
  background-image: url(../img/bg_01.jpg);
  background-repeat: no-repeat;
  background-position:center top;
  background-attachment: scroll;
}
.bg02{
  background-image: url(../img/bg_02.jpg);
  background-repeat: no-repeat;
  background-position:center top;
  background-attachment: scroll;
  margin-top: 50px;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .bg01,
  .bg02{
    background-size:100%;
    background-position:center top;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
  }
}

.content section,
.content section figure img{
  position: relative;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .about img{
    margin-bottom:50px;
  }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .content section figure img{
    width:120%;
  }
  .about-text{
    width:70%;
  }
  .about img{
    width:80%;
    margin-bottom:50px;
  }
  .about-text img{
    width:80%;
  }
}

@media screen and ( min-width:768px ) { /* PC ==================== */
  .movie {
    margin-top:1032px;
  }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .movie {
    margin-top:300px;
  }
}
.movie__youtube {
  margin:0 auto;
  background-image: url(../img/pic_mp-56_movie.png);
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .movie__youtube {
    width: 1420px;
    height:900px;
  }
  .movie__youtube iframe{
    width: 1200px;
    height:620px;
    margin-top: 151px;
  }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .movie__youtube {
    width: 450px;
    height:90%;
    background-size: 410px;
  }
  .movie__youtube iframe{
    width: 346px;
    height:178px;
    margin-top: 44px;
  }
}

@media screen and (max-width: 768px) {

}
@media screen and (max-width: 600px) {

}