@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 top;
	}
	.content {
		padding: 100px 0 150px 0; 
	}
	.content .set {
		text-align: center;
	}
	.content .set li ul {
	}
	.content .set li {
		display: inline-block;
		margin: 0 52px;
		width: 256px;
		opacity:0;
	}
	.content .set ul + ul{
		margin-top: -60px;
		}
	.content .set li.on{
		opacity:1;
		transition:1600ms;
		}
	.content .set li img {
		width: 100%;
		height: auto;
	}
	.content .set dl {
		margin-top: 150px;
	}
	.content .set dl dt {
		margin-bottom: 80px;
	}

	 .text3{
		color:#FFF;
        text-align: left;
		font-size:11px;
/*		margin-top:15px;
*/         margin: 0 auto;
         width: 60%;
         padding-top: 5rem;
		}
	
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	
	body {
		background: #000;
		background-size: 100%;
	}
	.content {
		background: rgba(0,0,0,0.7);
		overflow:hidden;
	}
	.content .set {
		padding: 10%;
	}
	.content .set h2 {
		margin-bottom: 30px;
	}
	.content .set img {
		width: 100%;
		height: auto;
		
		
	}
	.content .set ul{
		position:relative;
		}
	.main_bg{
			z-index:-1;
			position:absolute;
			width:130%!important;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			}
	
	
	.content .set li {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 5%;
		opacity:0;
	}
	.content .set li.on{
		opacity:1;
		transition:1600ms;
		}
	
	.content .set dl {
		margin-top: 100px;
	}
	.content .set dl dt {
		margin-bottom: 30px;
	}
		.text3{
			color:#FFF;
			text-align:left;
			font-size:11px;
			margin-top:25px;
            width: 100%;
			}
								
}