html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}

/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }


}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-spacing:0;border-collapse:collapse}html{font-size:75%}

body{font-family:serif;line-height:1.5;background:#fff}

img{width:100%;height:auto;vertical-align:bottom}

@media screen and (min-width:768px){html{font-size:87.5%}}

@media screen and (min-width:1024px){html{font-size:100%}}
.l-header{height:44px;padding-right:10px;padding-left:10px}
.l-header>.logo{display:inline-block;width:186px;height:34px;margin-top:5px}

@media screen and (min-width:768px)
{.l-header{height:81px}.l-header>.logo{width:341px;height:66px;margin-top:7.5px}}
@media screen and (min-width:1024px)
{.l-header{width:1024px;height:120px;margin:0 auto}
.l-header>.logo{width:557px;height:100px;margin-top:10px}}
.l-content{padding:3rem 10px}@media screen and (min-width:1024px)
{.l-content{width:960px;margin:0 auto;box-shadow:0 0 10px #ccc}}
.l-footer{height:12rem;text-align:center;background:#000}.l-footer>

small{position:relative;top:6rem;color:#fff}
.l-footer .logo-suiso{display:inline-block;width:95px;height:41px}

@media screen and (min-width:768px)
{.l-footer .logo-suiso{width:110px;height:47px}}

@media screen and (min-width:1024px)
{.l-footer .logo-suiso{width:126px;height:54px}}
.billboard{padding-right:10px;padding-left:10px;}

@media screen and (min-width:1280px)
{.billboard{position:relative}.billboard>
.billboard-img{width:1280px;margin:0 auto}}
.u-mb{margin-bottom:1.5rem}
.u-mb-small{margin-bottom:.75rem}
.u-mb-large{margin-bottom:2.25rem}

.container {
  width:100%; /* 任意の横幅を指定 */
  aspect-ratio: 16/9;
}

.container iframe {
  width:100%;
  height:100%;
}


.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}