@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


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

	body{
		background-color:transparent;
	}


	#base_cast{
		width:100%;
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;padding:10px 0 40px;
	}


	#base_cast .base_inner{
		position:relative;
		z-index:20;
		width:92%;
		padding:3% 0;
		margin:0 auto 0;
	}

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

	#base_cast::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;
	}



	a{
		display:block;
		padding:10px 15px;
		border-bottom:1px solid #999;
		color:#1A140A;
	}

	a:hover{
		background-color:rgba(255,0,0,0.8);
		color:#fff;
	}

	p{
		padding:0 0 20px;
		font-weight:800!important;
		font-size:19px;
		color:#453E2B;
	}

	a:nth-of-type(1){
		border-top:1px solid #999;
	}



}




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

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

	body{
		background-color:transparent;
	}

	#base_cast{
		width:100%;
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;padding:10px 0;
	}


	#base_cast .base_inner{
		position:relative;
		z-index:20;
		width:92%;
		padding:3% 0;
		margin:0 auto 0;
	}

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

	#base_cast::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;
	}

	.stil{
		display:block;
		width:40%;
		float:left;
	}

	a{
		display:block;
		padding:4% 3%;
		border-bottom:1px solid #999;
		color:#1A140A;
		font-size:14px;
	}



	p{
		padding:0 0 20px;
		font-weight:800!important;
		font-size:16px;
		color:#453E2B;
	}

	a:nth-of-type(1){
		border-top:1px solid #999;
	}


}