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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	
	
	body{
		background-color:#000;
		}
		
	.content {
		width: 1100px;
		margin: 0 auto;
		position:relative;
		min-height: 85vh;
	}
		
	.set {
		position: absolute;
		width: 1100px;
		height: 520px;
		top: 50%;
		left: 50%;
		overflow: hidden;
		margin-top: -220px;
		margin-left: -550px;
	}
	.set.off {
		position: relative;
		width: 1100px;
		height: 520px;
		top: 0%;
		left: 50%;
		overflow: hidden;
		margin-top: 0px;
		margin-left: -550px;
	}
	
	
	
	
	
	.set dl {
		padding-left: 630px;
		color: #FFF;
		font-size: 12px;
		background: url(../images/bg.jpg) no-repeat center left;
		background-size: 750px;
	}
	.set dl img {
		width: 100%;
		height: auto;
	}
	.set dl dt {
		width: 461px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.set dl dd {
		text-align: center;
	}
	.set dl dd p.btn{
		width: 380px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.set dl dd p.link {
		margin-top: 30px;
	}
	.set dl dd p.link a {
		color: #FFF;
		background: url(../images/icon.gif) no-repeat center right;
		background-size: 11px 9px;
		padding-right: 20px;
	}
		
	
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	body{
		background-color:#000;
		}
		
	.set {
		padding: 10%;
	}
	.set dl {
		color: #FFF;
		background: url(../images/bg.jpg) no-repeat center bottom;
		background-size: 100%;
		padding-bottom: 85%;
	}
	.set dl img {
		width: 100%;
		height: auto;
	}
	.set dl dt {
		margin-bottom: 10%;
	}
	.set dl dd {
		text-align: left;
	}
	.set dl dd p.btn{
		margin-bottom: 10%;
	}
	.set dl dd p.link {
		margin-top: 10%;
	}
	.set dl dd p.link a {
		color: #FFF;
		background: url(../images/icon.gif) no-repeat center right;
		background-size: 11px 9px;
		padding-right: 20px;
	}
				
								
}