@charset "utf-8";



.attention_screenshots{
	display:none!important;
}
/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

	a{color:#09d;}

	#content_inner{
		padding:50px 0 70px;
		width:1000px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:30px 0 0;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
	}

	#base::before{
		content:'';
		background:transparent url('../img/develop/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:900px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}

	#base .base_inner{
		position:relative;
		z-index:20;
		width:84%;
		padding:230px 0 80px;
		margin:0 auto 0;
	}

	#tab{
		padding-bottom:15px;
		border-bottom:1px solid #AFA89B;
	}

	#tab a{
		width:70px;
		display:block;
		float:left;
		margin-left:5px;
		opacity:0.6;
	}

	#tab a:nth-of-type(1){
		margin-left:0px;
	}

	#tab a img{
		width:100%;
	}

	#tab a:hover{opacity:1;}


	body.num1 #tab .num1{opacity:1;}
	body.num2 #tab .num2{opacity:1;}
	body.num2 #tab .num3{opacity:1;}
	body.num2 #tab .num4{opacity:1;}
	body.num2 #tab .num5{opacity:1;}


	.contents{
		padding:25px 0 0;
	}

	.date{
		font-size:16px;
		color:#392e09;
		padding-bottom:10px;
	}

	h2{

		color:#311E12;
		font-weight:800!important;
		font-size:29px;
		padding-bottom:30px;
		line-height:1.2;

	}

	h3{
		color:#311E12;
		font-weight:800!important;
		font-size:18px;
		padding-bottom:30px;
		line-height:1.2;
		margin:;
	}

	h4{
		color:#790003;
		font-weight:800!important;
		font-size:26px;
		padding-bottom:5px;
		line-height:1.2;
		border-bottom:1px solid #333;
		margin-bottom:5px;
		margin-top:52px;
	}

	h5{
		color:#311E12;
		font-weight:800!important;
		font-size:18px;
		padding-bottom:5px;
		line-height:1.2;
		margin-top:26px;
	}

	h5:before{
		content:'○';
		display:inline;
	}

	h6{
		color:#311E12;
		font-weight:800!important;
		font-size:15px;
		line-height:1.2;
		margin-top:19px;
		padding-bottom:3px;
	}

	h6:before{
		content:'・';
		display:inline;
	}

	.slideLeft{
		padding-left:1em;
	}

	.mb60{
		margin-bottom:60px;
	}

	.mt60{
		margin-top:60px;
	}

	.mt10{
		margin-top:10px;
	}

	p.coment{
		font-size:16px;
	}

	p{
		color:#333;
		line-height:1.5;
		display:block;
		margin-bottom:2%;
		font-size:14px;
	}


	.slideLeft p{
		margin-bottom:0;
	}

	.ss{
		width:100%;
		margin-top:1%;
		display:block;
	}

	.ss_twoline .ss{
		width:49.5%;
		float:left;
	}

	.ss_twoline .ss:nth-of-type(2){
		margin-left:1%;
	}

	.bold{
		font-size:120%;

	}


}




/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


	#content_inner{
		padding:7% 0 7%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:30px auto 0;
		width:96%;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
	}

	#base::before{
		content:'';
		background:transparent url('../img/develop/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:900px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}


	#base .base_inner{
		position:relative;
		z-index:20;
		width:84%;
		padding:25% 0 80px;
		margin:0 auto 0;
	}

	#tab{
		padding-bottom:3%;
		border-bottom:1px solid #AFA89B;
	}

	#tab a{
		width:16%;
		display:block;
		float:left;
		margin-left:2%;
		opacity:0.7;
	}

	#tab a:nth-of-type(1){
		margin-left:0px;
	}

	#tab a img{
		width:100%;
	}



	body.num1 #tab .num1{opacity:1;}
	body.num2 #tab .num2{opacity:1;}
	body.num2 #tab .num3{opacity:1;}
	body.num2 #tab .num4{opacity:1;}
	body.num2 #tab .num5{opacity:1;}

	.contents{
		padding:5% 0 0;
	}

	.date{
		font-size:11px;
		color:#392e09;
		padding-bottom:5%;
	}

	h2{

		color:#311E12;
		font-weight:800!important;
		font-size:18px;
		padding-bottom:30px;
		line-height:1.2;

	}

	h3{
		color:#311E12;
		font-weight:800!important;
		font-size:16px;
		padding-bottom:30px;
		line-height:1.2;
		margin:;
	}

	h4{
		color:#790003;
		font-weight:800!important;
		font-size:18px;
		padding-bottom:5px;
		line-height:1.2;
		border-bottom:1px solid #333;
		margin-bottom:5px;
		margin-top:52px;
	}

	h5{
		color:#311E12;
		font-weight:800!important;
		font-size:16px;
		padding-bottom:5px;
		line-height:1.2;
		margin-top:26px;
	}

	h5:before{
		content:'○';
		display:inline;
	}

	h6{
		color:#311E12;
		font-weight:800!important;
		font-size:14px;
		line-height:1.2;
		margin-top:19px;
		padding-bottom:3px;
	}

	h6:before{

		display:inline;
	}

	.slideLeft{

	}

	.mb60{
		margin-bottom:60px;
	}

	.mt60{
		margin-top:8%;
	}

	.mt10{
		margin-top:10px;
	}

	p{
		color:#333;
		line-height:1.5;
		display:block;
		font-size:12px;
		margin-bottom:2%;
	}

	.ss{
		width:100%;
		margin-top:2%;
		display:block;
	}

	.ss_twoline .ss{
		width:100%;
	}


	.bold{
		font-size:120%;

	}


}