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

img {
max-width: 100%;

}


/*body{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}*/

body{
font-family: 'Noto Sans JP', sans-serif; 
letter-spacing: 0.1rem;
}

  
 div#wrapper{
 background: url(../img/bk.jpg) repeat;
 }
 

 
 
@media screen and (min-width:990px){ 

.smp{
display: none;
}

header#header{
 background-color: #000000;
  text-align: center;
  position: relative;
 }
 
/* header#header h1{
 width: auto;
 height: 870px;
 background: url(../img/top_img.png) no-repeat center center;
 background-size: cover;
 margin: 0 auto;
 font-size: 0px;
 }*/
 
  header#header h1{
 width: 100%;
 height: 870px;
 background: url(../img/top_img.png) no-repeat center top;
 margin: 0 auto;
 font-size: 0px;
 }
 
  header#header p{
 font-size: 1.8rem;
 color: #FFFFFF;
 display: inline-block;
 }
 
 div#movie{
    width: 704px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
 }

div#movie .tvo-video{
    height: calc(704px * 0.5625);
 }
 
 /*　comming soonの場合表示する　*/
 
/* div#comming_soon{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
 }*/
 
 
 article{
 max-width: 1202px;
 margin: 0 auto;
 text-align: center;
 }
 
section#contets_01{
font-size:0px;
 } 
 
 section#contets_01 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 7rem;
/* font-weight: 700; */
 }
 
section#contets_02{
font-size:0px;
 } 
 
section#contets_02 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 7rem;
 }
 
section#contets_03{
font-size:0px;
 } 
 
section#contets_03 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 7rem;
 }
 
section#contets_04{
font-size:0px;
 } 
 
section#contets_04 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 7rem;
 }
 
 section#contets_05{
font-size:0px;
 } 
 
section#contets_05 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 7rem;
 }

}

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

.pc{
display: none;
}


header#header{
 background-color: #000000;
 text-align: center;
 padding-bottom: 3rem;
 }
 
 header#header h1{
background: url("../img/top_img_smp.png") no-repeat center top;
width: 100%;
margin:0 auto;
/* (画像の高さ / 画像の横幅) × 100 */
padding-top: calc(526 / 750 * 100%);
background-size:contain;
font-size:0px;
 }
 
 header#header p{
 font-size: 1.8rem;
 color: #FFFFFF;
 display: inline-block;
 padding: 1rem;
 text-align: left;
 }
 
  div#movie {
        width: 100%;
        margin: 0 auto;
    }
 
 div#movie .tvo-video{
    height: calc(100vw * 0.5625);
 }
 
  /*　comming soonの場合表示する　*/
 
/* div#comming_soon{
    margin: 0 1rem;
 }*/
 
 article{
 margin: 0 auto;
 text-align: center;
 padding-right: 1rem;
 }
 
section#contets_01{
font-size:0px;
margin-top: 2rem;
 }
 
 section#contets_01 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 5rem;
 padding-left: 1rem;
 }
 
section#contets_02{
font-size:0px;
 }
 
 section#contets_02 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 5rem;
 padding-left: 1rem;
 }
 
section#contets_03{
font-size:0px;
 }
 
 section#contets_03 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 5rem;
 padding-left: 1rem;
 }
 
section#contets_04{
font-size:0px;
 }
 
 section#contets_04 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 5rem;
 padding-left: 1rem;
 }
 
 section#contets_05{
font-size:0px;
 }
 
 section#contets_05 p{
 font-size: 1.6rem;
 color: #FFFFFF;
 display: inline-block;
 margin-bottom: 5rem;
 padding-left: 1rem;
 }
 
 }