@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@charset "utf-8";
:focus{outline: 0;}
body{background: #fff;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: 16px;font-family: 'Noto Sans JP',sans-serif;line-height: 1.5;}
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{color: #275dc2;text-decoration: underline;cursor: pointer;}
.clearfix:after{display: block;clear: both;height: 0;visibility: hidden;content: "";}
.clearfix{min-height: 1px;}
* html .clearfix{height: 1px;height: auto;overflow: hidden;/**/}
img{vertical-align: bottom;}

#wrapper img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
#wrapper img.lazyloaded {
  opacity: 1;
}

/* COMMON ==================== */
body{
}
body.noscroll{
  overflow: hidden;
}
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	overflow: hidden;
  background: #fff;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}
.btn{
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
.btn,.btn:focus,.btn:active,.btn:hover{
	text-decoration: none !important;
}

.content{
  width:100%;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
  .content{
   max-width:1920px;
   margin:0 auto;
 }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .content{
    width:100%;
    margin:0 auto;
  }
}


#movie{
  width:100%;
  margin:0;
}
#movie iframe{
  width:100%;
  margin:0;
  padding:0;
  aspect-ratio: 16 / 9;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .movie-frame{
  }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .movie-frame{
    width:340px;
    height:191px;
    margin:0 auto;
  }
}



@media screen and ( min-width:768px ) { /* PC ==================== */
  .btn_ttm{
    width:500px;
    text-align: center;
    margin:0 auto;
    padding: 50px 0 100px 0;
  }
  .btn_ttm img{
    width:100%;
  }
}
@media (orientation: portrait) and ( max-width:768px ) { /* SP ==================== */
  .btn_ttm{
    width:80%;
    text-align: center;
    margin:0 auto;
    padding: 0 0 50px 0;
  }
  .btn_ttm img{
    width:100%;
  }
}

.footer_brand_Logo{
    width:100%;
    padding:50px 0;
    text-align:center !important;
}
.brand_Logo{
  padding:10px !important;
  color:#fff !important;
  background-color: #000 !important;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
.brand_Logo{
  width:500px !important;
  margin:0 auto !important;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.brand_Logo{
  width:50% !important;
  margin:0 auto !important;
  font-size:80% !important;
}
}
.brand_Logo img{
  width:100% !important;
}



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

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

}