@charset "utf-8";
:focus{outline: 0;}
body{background: #000; line-height: 1.0;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
ol,ul{list-style: none;margin: 0;padding: 0;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{font-weight: normal;text-align: left;}
blockquote:before,blockquote:after,q:before,q:after{content: "";}
blockquote,q{quotes: "" "";}
img, a img{border: 0;margin: 0;}
body article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;margin: 0;padding: 0;}
body {font-size: 14px; line-height: 1.5;}
@media screen and ( min-width:760px ) { /* PC === */
  body {font-size: 16px; line-height: 1.5;}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
  body {font-size: 14px; line-height: 1.4;}
}
h1,h2,h3,h4,h5,h6{clear: both;font-weight: bold;margin: 0;padding: 0;}
hr{background-color: #333;border: 0;height: 1px;margin-bottom: 1.625em;}
a,a:focus,a:active,a:hover{text-decoration: underline;cursor: pointer;}
.≈:after{display: block;clear: both;height: 0;visibility: hidden;content: "";}
.clearfix{min-height: 1px;}
* html .clearfix{height: 1px;height: auto;overflow: hidden;/**/}
img{width:100%; vertical-align: bottom;}

/* COMMON ==================== */
body{}
@media screen and ( min-width:760px ) { /* PC === */
  .pc{display: block !important;}
  .sp{display: none !important;}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
  .pc{display: none !important;}
  .sp{display: block !important;}
  br.pc{display: none !important;}
}
.btn{display: block; box-sizing: border-box; text-decoration: none;}
.btn,.btn:focus,.btn:active,.btn:hover{ text-decoration: none !important;}
ul.asterisk li {font-size:14px; list-style-type: none; text-align:left; text-indent: -1em; margin-left:15px;}
ul.asterisk li:before {display: inline; content: "※";}

#content-wapper{
  max-width:1280px;
  margin:0 auto;
  text-align:left;
  color:#fff;
}

.content-body{
  max-width:1080px;
  margin:0 auto;
  padding:0;
  font-family: "source-han-sans-japanese", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
@media screen and ( min-width:760px ) { /* PC === */
  .content-body{

  }
}
@media screen and ( max-width:759.98px ) { /* SP  === */
  .content-body{
    width:90%;
    margin:0 auto;
  }
}

.movie{
  max-width:800px;
  margin:0 auto;
}
.movie iframe{
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.copylight{
  font-size:14px;
}
@media screen and ( min-width:760px ) { /* PC === */
  .copylight{
    margin-top:40px;
    padding-bottom:140px;
  }
}
@media screen and ( max-width:759.98px ) { /* SP  === */
  .copylight{
    margin-top:20px;
    padding-bottom:70px;
  }
}