@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;
	}

	.stil{
		display:block;
		width:130px;
		float:left;
	}

	#base_cast .text{
		color:#000;
		font-size:15px;
		line-height:1.6;
	}

	h4{

		font-weight:800!important;
		font-size:18px;
		color:#50441B;
		display:block;
		margin-top:10px;
		margin-bottom:5px;
	}

	.head{
		position:relative;
		margin-bottom:20px;

		border-bottom:1px solid #666;
		padding:0 0 20px;
	}

	.cast .name{
		display:block;
		margin-left:20px;
		margin-top:24px;
		position:relative;
		float:left;
		color:#423C29;
	}

	.name .tit{
		font-size:12px;
		display:block;
		margin-bottom:7px;
		line-height:1.5;
	}

	.name .tit span{
		font-size:20px;
		font-weight:800!important;
		display:block;
		margin-bottom:0px;
	}

	.name .cont{
		font-size:35px;
		font-weight:800;
		display:block;
	}


	.btn_img{
		width:170px;
		margin:15px -3px 0 0;
	}

	.btn_img img{
		width:100%
	}



}




/*----------------------------------------
	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;
	}

	#base_cast .text{
		font-weight:normal!important;
		color:#423C29;
	}
	h4{

		font-weight:800!important;
		font-size:18px;
		color:#50441B;
		display:block;
		margin-top:20px;
		margin-bottom:10px;
	}

	.head{
		position:relative;
		margin-bottom:3%;
		border-bottom:1px solid #666;
		padding:0 0 5%;
	}

	.cast .name{
		display:block;
		margin-left:4%;
		position:relative;
		bottom:0px;
		width:50%;
		color:#423C29;
		float:left;
		margin-top:10%;
	}

	.name .tit{
		font-size:11px;
	}


	.name .tit span{
		font-size:18px;
		font-weight:800!important;
		display:block;
		margin-bottom:0px;
	}

	.name .cont{
		font-size:24px;
		font-weight:800;
		display:inline-block;

	}

	.btn_img{
		width:80%;
		margin:3px 0 0;
	}

	.btn_img img{
		width:100%
	}


}