html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000}
ins{background-color:#fff;color:#000;text-decoration:none}
mark{background-color:#fff;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc ;margin:1em;padding:0}
input,select{vertical-align:middle}

/* --------------------------------------------------------
	default
-------------------------------------------------------- */
html,body{height:100%;width:100%}
.left{float:left}
.right{float:right}
.test{border:1px solid #f00;box-sizing: border-box;}
.center{text-align:center}
.bold{font-weight:bold}
.clearfloat{clear:both}
.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}
.clearfix{*zoom:1}
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
* html .cf{zoom:1}
*:first-child+html .cf{zoom:1}
img{vertical-align:bottom}

/*
Font-size list (base: 13px)
62% =  8px
70% =  9px
77% = 10px
85% = 11px　　　　162% = 21px　　　　239% = 31px
93% = 12px　　　　170% = 22px　　　　247% = 32px
100% = 13px　　　　177% = 23px　　　　254% = 33px
108% = 14px　　　　185% = 24px　　　　262% = 34px
116% = 15px　　　　193% = 25px　　　　270% = 35px
124% = 16px　　　　200% = 26px　　　　277% = 36px
131% = 17px　　　　208% = 27px　　　　285% = 37px
139% = 18px　　　　216% = 28px　　　　293% = 38px
147% = 19px　　　　224% = 29px　　　　300% = 39px
154% = 20px　　　　231% = 30px　　　　308% = 40px
*/

body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;color:#FFF;font:13px/1.6 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*font:82%/1.6 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; background:#000; font-family: cursive;}
#container:after{content:"";display:block;clear:both;}
#fb-root{display:none;}
a{text-decoration: none;color:#FFF;}
a:link, a:visited{color:#FFF;}
a img{vertical-align:bottom;}
a:hover img{opacity:0.9;filter:alpha(opacity=90);-ms-filter:“alpha(opacity=90)”;}
.inner{width:1060px;margin:0 auto;position:relative;padding:0;}
img {
	width: 100%;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

/*footer*/
#footer{
	width:100%;
	background:#000;
	text-align:center;
	padding: 0 0 0;
}
#footer p{
	font-size: 95%;
}
#footer .sponser{
	padding: 50px;
	text-align: center;
	background: #111;
}
#footer .sponser P{
	font-size: 126%;
	padding: 0 0 20px;
	color: #CCC;
	font-weight: bold;
}
#footer .sponser li{
	padding: 0 25px;
	width: 200px;
	display: inline-block;
}
#footer .sponser li img{
	width: 100%;
}
#footer .copy{
	border-top: 1px solid #333;
	padding: 10px 0;
}

#bg{
	background: url(/image/bg.png) no-repeat #000;
	font-family: 'Noto Sans JP', sans-serif;
}

/*メインビジュアル*/
#mainvisual {
	position: relative;
}
#mainvisual h1{
	color:#FFF;
	box-sizing: border-box;
	height: 100%;
	padding: 35px 10px 10px 100px;
	text-align: left;
	width:100%;
	font-size: 154%;
}
#main h2{
	padding: 80px 0 ;
	text-align: center;
	font-size: 193%;
}
#mainvisual ul{
	position: absolute;
	top:40px;
	right: 20px;
}
#mainvisual ul li a{
	color: #FF0;
	text-decoration: underline;
}
#main h3 {
	width: 900px;
	margin: 0 auto;
}
#main{
	margin: 0 0 100px;
}

/*NEWS*/
#news {
	background: rgba(255, 255, 255, 0.15);
	padding: 100px 0;
}
#news h1{
	color: #FFF;
	text-align: center;
	font-size: 616%;
	padding:0 0 20px;
	font-weight:900;
}
#news h2{
	font-size:185%;
	padding:0 0 30px;
}
#news .ue-box h2{
	font-size:185%;
	padding:20px 0 20px;
}
#news .ue-box h3{
	font-size:154%;
	padding:0 0 10px;
}
#news .news-box{
	border: 1px solid #FFF;
	padding: 20px 20px 10px;
}
#news .image{
	text-align: center;
	margin: 0 auto 30px;
}
#news p{
	font-size:126%;
	padding:0 0 10px;
	text-align: left;
}
#news .ue-box p{
	font-size:126%;
	padding:0 0 20px;
}
#news p span{
	font-size:75%;
	padding:0 8px;
	text-align: center;
	display: inline-block;
	margin: 0 10px 0 5px;
	background: #C00;
	border-radius: 3px;
	font-weight: bold;
}
#news p a{
	text-decoration: underline;
	color: #FF0;
}
#news p a:hover{
	color: #FFF;
}
#news .bnr-box{
	padding: 30px 0 0;
	text-align: center;
}
#news .bnr-box img{
	max-width: 600px;
}


/*ABOUT*/
#about {
	background: rgba(0, 0, 0, 1.0);
	padding: 100px 0 100px;
}
#about h1{
	color: #FFF;
	text-align: center;
	font-size: 616%;
	padding:0 0 20px;
	font-weight:900;
}
#about p{
	font-size:126%;
	padding:0 0 50px;
	text-align: center;
}
#about .special-offer ul li{
	font-size:154%;
	padding: 0 0 15px;
	font-weight: bold;
	margin: 0 0 15px;
}
#about .special-offer ul li span{
	position: relative;
	display: inline;
	background: linear-gradient(transparent 60%, #0057BC 60% 100%, transparent 100%);
}

/*REPORT*/
#report {
	background:#463d64;
	padding: 100px 0;
}
#report h1{
	color: #FFF;
	text-align: center;
	font-size: 616%;
	padding:0 0 20px;
	font-weight:900;
}
#report h2{
	font-size:185%;
	padding:0 0 30px;
}
#report .ue-box h2{
	font-size:185%;
	padding:20px 0 20px;
}
#report .ue-box h3{
	font-size:154%;
	padding:0 0 10px;
}
#report .report-box{
	border: 1px solid #FFF;
	padding: 20px 20px 10px;
}
#report li{
	font-size:126%;
	padding:0 0 10px;
	text-align: left;
}
#report li span{
	font-size:75%;
	padding:0 8px;
	text-align: center;
	display: inline-block;
	margin: 0 10px 0 5px;
	background: #C00;
	border-radius: 3px;
	font-weight: bold;
}
#report li a{
	text-decoration: underline;
	color: #FF0;
}
#report li a:hover{
	color: #FFF;
}

#logo{
	width: 50px;
	padding: 25px;
	position: absolute;
	top:0;
	left: 0;
	background: #000;
}

/* 概要 */
#info{
	padding:50px 0 0;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
	background: #0B364E;
}
#info .box p.ttl{
	padding:30px 0 0;
}
#info .box{
	padding: 0;
	margin: 30px 0;
	width: 50%;
}
#info .box p{
	padding: 0;
	font-size:124%;
}
#info p.ue{
	text-align: center; 
	padding: 100px 0; 
	border-top:1px solid #666; 
	margin-top: 70px;
	background: #333;
}
#info p.ue a{
	/*color: #FF0; */
	text-decoration: underline;
}

/*プラポリ*/
#privacy {
	background: rgba(255, 255, 255, 0.15);
	padding: 100px 0;
	margin: 50px 0 0;
}
#privacy h1{
	color: #FFF;
	text-align: center;
	font-size: 616%;
	padding:0 0 20px;
	font-weight:900;
}
#privacy h2{
	font-size:185%;
	padding:0 0 30px;
}
#privacy h3{
	font-size:154%;
	padding:0 0 20px;
}
#privacy p{
	font-size:126%;
	padding:0 0 50px;
	text-align: left;
}
#privacy p a{
	text-decoration: underline;
	color: #FF0
}
#bnr-box{
	/*background: #0B364E;*/
	background: #000;
	padding: 100px 0;
	text-align: center;
}
#bnr-box img{
	max-width: 600px;
}
#bnr-box p{
	font-size: 126%;
    padding: 0 0 50px;
    text-align: left;
}
#bnr-box h1{
	color: #FFF;
    text-align: center;
    font-size: 616%;
    padding: 20px 0 20px;
    font-weight: 900;
}
#bnr-box p a{
	color: #FF0;
	text-decoration: underline;
}
#bnr-box p a:hover{
	color: #D1D129;
}
.youtube {
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 800px){
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.inner{
		margin: 0 30px;
		width: calc(100% - 60px);
		box-sizing: border-box;
	}
	
	#logo{
		position: absolute;
	}
	
	#mainvisual h1{
		box-sizing: border-box;
		height: 100%;
		padding: 40px 0 40px 100px;
		font-size:100%;
	}
	#main h2{
		font-size: 125%;
		padding: 60px 0 30px;
	}
	#main h3{
		width: 100%;
	}
	#main{
		margin: 0 0 80px;
	}
	
	/*ABOUT*/
	#about {
		padding:50px 0 30px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#about h1{
		font-size: 244%;
		padding:0 0 10px;
	}
	#about p{
		font-size:110%;
		padding:0 0 40px;
		text-align: left;
	}
	#about .special-offer ul li{
		font-size:116%;
		padding: 0 0 10px;
	}
	
	/*NEWS*/
	#news {
		padding:50px 0 30px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#news h1{
		font-size: 204%;
		padding:0 0 10px;
	}
	#news p{
		font-size:110%;
		padding:0 0 10px;
		text-align: left;
	}
	#news .news-box{
		padding: 10px 10px 0px;
	}
	#news .bnr-box{
		padding: 10px 0 0;
	}
	#news h2{
		font-size: 139%;
		padding:0 0 30px;
	}
	#news .ue-box h3{
		font-size:124%;
		padding:0 0 20px;
	}
	
	/*REPORT*/
	#report {
		padding:50px 0 30px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#report h1{
		font-size: 204%;
		padding:0 0 10px;
	}
	#report li{
		font-size:110%;
		padding:0 0 10px;
		text-align: left;
	}
	#report .report-box{
		padding: 10px 10px 0px;
	}
	
	/*概要*/
	#info{
		padding:0 0 0;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		text-align: left;
	}
	#info h1{
		font-size:124%;
		padding:0 0 5px;
	}
	#info p{
		font-size:77%;
		padding:0 0 0;
		font-weight: 300;
	}
	#info p.icon{
		padding:0 0 20px;
	}
	#info p img{
		width: 130px;
	}
	#info .box{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#info .box p{
		padding: 0;
		font-size:90%;
	}
	#info p.ue{
		padding: 40px 0; 
		margin-top: 40px;
	}
	
	/*privacy*/
	#privacy {
		padding:50px 0 30px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		margin: 20px 0 0;
	}
	#privacy h1{
		font-size: 204%;
		padding:0 0 30px;
	}
	#privacy h2{
		font-size: 139%;
		padding:0 0 30px;
	}
	#privacy h3{
		font-size:124%;
		padding:0 0 20px;
		text-align: left;
	}
	#privacy p{
		font-size:110%;
		padding:0 0 40px;
		text-align: left;
	}
	#bnr-box{
		padding: 50px 0;
		text-align: center;
	}
	#bnr-box h1{
		color: #FFF;
	    text-align: center;
	    font-size: 244%;
	    padding: 0 0 20px;
	    font-weight: 900;
	}
	#bnr-box p{
	    font-size: 110%;
		padding: 0 0 20px;
	}
	
	/*フッター*/
	#footer{
		padding: 0 0;
	}
	#footer p{
		font-size: 85%;
	}
	#footer .sponser {
		padding: 30px 0 20px;
	}
	#footer .sponser ul{
		text-align: center;
	}
	#footer .sponser li{
		padding: 0 0 10px;
		width: 200px;
		display: block;
		margin: 0 auto;
	}
}