@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: #000 url(../../common/img/main_bg.jpg) no-repeat center center;*/
		background: #000;
	}
	.content {
		background: rgba(0,0,0,0.7);
		position:relative;
		overflow:hidden;
		min-height: 85vh;
	}
		.content .main_bg{
			z-index:-1;
			position:absolute;
			height: 90%;
			left: 50%;
			top: 50%;
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.97);
			}
		.content .main_bg.on{
			opacity: 1;
			transition:1600ms;
			}
	.content .set {
		position: absolute;
		width: 580px;
		height: 465px;
		top: 50%;
		left: 50%;
		margin-top: -260px;
		margin-left: -290px;
	}
	.content .set.off {
		position: relative;
		width: 580px;
		height: 550px;
		top: 0%;
		left: 50%;
		margin-top: 0px;
		margin-left: -290px;
	}
	
	
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	
	body {
		background: #000;
		background-size: 100%;
	}
	.content {
		background: rgba(0,0,0,0.7);
		overflow:hidden;
		position:relative;
		padding: 0 !important;
	}
		.content .main_bg{
			z-index:-1;
			position:absolute;
			width: 100%;
			left: 50%;
			top: 50%;
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.97);
			}
		.content .main_bg.on{
			opacity: 1;
			transition:1600ms;
			}
	.content .set {
		padding: 10%;
	}
	.content .set img {
		width: 100%;
		height: auto;
	}
								
}