@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　SP設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;padding: 0;border: 0;font-weight: normal;font-size: 100%;vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {display:block;}
body {line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {list-style: none;list-style-type: none;}

/*------------------------------------------
■ 本体
------------------------------------------*/

/* PCでは非表示 */
#pc-none{
  display: none;
}

.container{
    margin: 0 auto;
}
.wi1000,
.wi1200{
  width: 95%;
    margin: 0 auto;
}
.bg{
  background-image: url('../img/bg.png');
  padding-bottom: 50px;
  padding-top: 60px;
}

.navbar-brand img{
  width: 45%;
}

.bg3{
  background-color: #a02232;

}
.movie{
  margin: 0 auto;
  padding-bottom: 30px;
  padding-top: 30px;
}

.mv img,
.step img,
.mhead img,
.about img{
  width: 100%;
}


.movie{
  margin: 0 auto;
}
.movie iframe{
width: 90%;
height: 200px;
text-align: center;
margin-top: 20px;
margin-left: 5%;
}
.copy{
  margin-top: 30px;
      color: #777;
  text-align: center;
}
footer{
  margin: 0 auto;
  text-align: center;
}
.f-list{
  display: flex;
  text-align: center;
  margin-left: 5%;
margin-top: 20px;
}
.f-list li{
margin-left: 30px;
  }
  .list-inline{
    display: flex;
  }
  .list-inline li a img{
    width: 90%;
  }
  .f-img{
    width: 100%;
  }
.row{
      background-color: #fff;
    border-radius: 20px;
        padding-top: 50px;
  }
  .boxPikaStyle{

  }