@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-only{
  display: none;
}

.container{
    margin: 0 auto;
}
.wi1000{
  width: 95%;
    margin: 0 auto;
}


.mv{
  background-image: url(../img/mv-bg.png);
  background-size: cover;
}

.sec1{
    background-image: url(../img/bg1.png);
  background-size: cover;
  background-repeat: repeat;
  padding-bottom: 30px;
}
.sec2{
    background-image: url(../img/bg2.png);
  background-size: cover;
  background-repeat: repeat;
}
.sec3{
    background-image: url(../img/bg3.png);
  background-size: cover;
  background-repeat: repeat;
  padding-bottom: 50px;
}

.mv-img{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
}

.mv-img img{
width: 90%;
}

.title-img{
  padding-top: 50px;
  text-align: center;
}
.title-img img{
width: 90%;
  }

.sec1-img{
  text-align: center;
  padding-bottom:10px;
}
.sec1-img img{
width: 90%;
  }

.item-img{
  text-align: center;
  padding-top:30px;
}

.item-img img{
width: 60%;
}

.syosai{
  text-align: center;
  margin-top: 30px;
  padding-bottom:30px;
}

.syosai img{
width: 90%;
  }
    iframe{
  width: 90%;
  height: 200px;
  text-align: center;
  margin:0 auto;
  margin-top: 50px;
}

.movie {
  margin-top: 100px;
  padding-bottom:50px;
    text-align: center;
  margin:0 auto;
}


.syosai{
  background-color: #eb60a2;
  border-radius: 20px;
  padding:20px;
  color: #fff;
    border: 5px solid #ffff;
}
.syosai table th{
font-weight: bold;
padding:10px 20px;
width: 30%;
padding-top:20px;

}
.syosai table td{
text-align: left;
padding:10px 20px;
line-height:1.5;
padding-top:20px;

  }
.syosai table tr{
  border-bottom: 1px solid #fff;
}



.text-muted{
  text-align:center;
  padding-bottom: 30px;
  margin-top: 100px;
}
.button1{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
width: 100%;
text-align:center;
margin-top:50px;
}
.button1 a{
background-color: #185AD8;
color: #fff;
padding-top:30px;
padding-bottom: 30px;
padding-left: 100px;
padding-right: 100px;
border-radius: 100px;
width: 300px;
text-decoration: none;
}
.button2{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
width: 100%;
text-align:center;
margin-top:50px;
}
.button2 a{
background-color: #4db56a;
color: #fff;
padding-top:30px;
padding-bottom: 30px;
padding-left: 100px;
padding-right: 100px;
border-radius: 100px;
width: 300px;
text-decoration: none;
}