@charset "utf-8";
/* CSS Document */

body{
  /*background: cornflowerblue;*/
  background-color: #000;/* 背景のカラー */
  background-image: url(../img/bg.jpg);
  background-repeat: repeat;
  background-attachment: fixed;/*背景画像を固定します。画面がスクロールしても、背景画像はスクロールしません。*/
  display:grid;
  place-items:center;
}
img{
  width: 800px;
  vertical-align: bottom;
}
.sp_none{display: none;}/*PC画面で非表示*/


/*ヘッダー*/
#header{
width: 55%;
}

#header img{
 width: 70px;
 margin-top: 10px;
 margin-bottom: 15px;
}

/*メインビジュアル*/

.box1{
text-align: center;
margin-top:50px;
}

.box1 h2 img{
  width: 300px;
  text-align: center;
  margin-top:50px;
  }


.box2{
  text-align: center;
  margin-top:100px;
   }

.box3{
  text-align: center;
  margin-top:50px;
  margin-bottom: 50px;
   }  

/*区切り*/
.break{
  text-align: center;
  margin: 50px;
}
.break img{
 width: 7px;
}
  
/*フッター*/
#footer{
  height: 1000px;
  width: 45%;
  background-image: url("../img/kv01.jpg"); /* 背景画像指定 */
  padding:  100px;        /* 余白指定 */
  background-size: 120%;
  background-position: top; /* 背景の位置指定 */
  position: relative; /*配置位置の基準となる指定*/
}

.text_c{
  font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /*color: #fff;*/
}

.text_c p{
  position: absolute; /*自由に配置する指定*/
  bottom: 0; /*下寄せの指定*/
  margin: 30px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*スマホ表示*/
@media all and (max-width: 767px){
  .pc_none{display: none;}/*スマホ画面で非表示*/
  .sp_none{display:block;}/*スマホ画面で非表示解除*/

  body{
    background-size: auto;
    background-position:center top;
    width: 100%;
   }
  img{
    width: 100%;
  }
  #header,#main{
    width: 100%;
  }

  .box1 img{
    width: 90%;
    }
  .box3 img{
    width: 90%;
    }

  /*フッター*/
#footer{
  height: 500px;
  width: 100%;
  background-size: 90%;
}
.text_c{
  font-size: 10px;
}
.text_c p{
  position: absolute; /*自由に配置する指定*/
  bottom: 30px; /*下寄せの指定*/
  margin: 30px;
}

}