@charset "utf-8";




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


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

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

	h2{
		display:block;
		text-align:center;
		padding:10px 0 0;
		margin:0 0 0px;
		}

		#secMenu{
			display:block;
			background-image: url('../img/common/bg_secnavi.png');
			background-size:auto 100%;
			height:40px;
			margin-top:-5px;
			padding:18px;
			text-align:center;
		}

		#secMenu .inner{
			width:320px;
			margin:0 auto 0;
		}

		#secMenu a{
			display:block;
			float:left;
			padding:0 20px;
			border-left:1px solid #999;
		}


		#secMenu a:nth-child(1){width:134px;border-left:none;}
		#secMenu a:nth-child(2){width:98px;}

		#secMenu a img{
			display:block;
			width:100%;
		}

	/*.subWindow{
		background-color:rgba(0,0,0,0.3);
		padding:4px;margin:20px 0 20px;
		line-height:1.4;
		border:1px solid rgb(204, 142, 25);
	}

	.subWindow .inner{
		background-color:rgba(0,0,0,0.5);
		padding:12px 16px 16px;
		font-size:13px;
		line-height:1.6;
	}*/

	.subWindow .inner .catch{
		font-size:20px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:5px;
				font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.subWindow .inner .catch .oni{
		font-size:22px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:10px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
		color:#d00;
	}

	.subWindow .tit{
		font-size:25px;
		text-align:center;
		margin-bottom:5px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
		width:200;
		display:block;
		float:left;
		margin:32px 10px 0;
		width:200;
	}


	.subWindow .txt{
		display:block;
		float:right;
		width:660px;
		}

		.btn_about{
			width:250px;
			display:block;
		}

		.btn_about img{
			width:100%;
			display:block;
			float:left;
			margin-top:25px;
		}

	h2{
		display:block;
		margin:0 0 -80px;
	}

	h3{
		display:block;
		padding:100px 0 0;
	}

	p{
		display:block;
		text-align:left;
		color:#422;
		line-height:1.6;
		margin:0 0 0px;

	}

	.flexslider{
		margin-top:20px!important;
	}

	.img03{
		width:100%;
		display:block;
		margin-top:30px;
	}

	.img03 img{
		width:32%;
		margin-left:2%;
		float:left;
		display:block;
	}

	.img03 img:first-child{
		margin-left:0%;
	}

	.attention{
		text-align:right;
		font-size:15px;
		color:#333;
		margin:5px 0 0;
	}

	.img04{
		width:auto;
		display:block;
		margin:30px auto 0px;
		padding:0 0 50px;
	}

	.btn_detail{
		display:inline-block;
		margin:10px 0 0px;
	}


		.btn_detail img{
			width:200px;
		}



}




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

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


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

	h2{
		display:block;
		text-align:center;
		padding:10px 0 0;
		margin:0 0 0px;
		width:100%;
		}

		h2 img{
			display:block;
			width:100%;
			}

		#secMenu{
			display:block;
			background-image: url('../img/common/bg_secnavi.png');
			background-size:cover;
			padding:20px;
			text-align:center;
			position:relative;
			z-index:60;
		}

		#secMenu .inner{
			width:65%;
			margin:0 auto 0;
		}

		#secMenu a{
			display:block;
			float:left;
			padding:0 3%;
			border-left:1px solid #999;
							position:relative;
		}


		#secMenu a:nth-child(1){width:47%;border-left:none;}
		#secMenu a:nth-child(2){width:35%;}

		#secMenu a img{
			display:block;
			width:100%;
		}

	/*.subWindow{
		background-color:rgba(0,0,0,0.3);
		padding:4px;margin:20px auto 3%;
		line-height:1.4;
		border:1px solid rgb(204, 142, 25);
		width:90%;
	}*/

	h2{
		margin-bottom:-10%;
	}

	/*.subWindow .inner{
		background-color:rgba(0,0,0,0.5);
		padding:16px 16px 16px;
		font-size:11px;
		line-height:1.6;
		font-weight:normal;
	}*/

	.subWindow .tit{
		font-size:24px;
		text-align:left;
		margin-bottom:5px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
		width:180px;
	}

	.subWindow .inner{
padding:3% 4%!important;
	}

	.subWindow .inner .catch{
		font-size:16px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:10px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.subWindow .inner .catch .oni{
		font-size:20px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:10px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
		color:#d00;
	}

	.subWindow .txt{
		display:block;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
	}

	.btn_about{
		max-width:58%;
		margin:0 auto 0;
		display:block;
	}

	.btn_about img{
		width:100%;
		display:block;
	}

	h3{
		display:block;
		padding:17% 0 0;
		margin:0 auto 0;
		width:90%;
	}
	h3 img{
		width:80%;
	}

	p{
		display:block;
		text-align:left;
		color:#222;
		line-height:1.7;
		font-size:15px;
		margin:0 auto 0px;
		width:90%;
		font-weight:normal!important;
	}

	.img03{
		width:100%;
		display:block;
		margin-top:7%;
	}

	.img03 img{
		width:32%;
		margin-left:2%;
		float:left;
		display:block;
	}

	.img03 img:first-child{
		margin-left:0%;
	}

	.attention{
		text-align:right;
		font-size:15px;
		color:#333;
		padding:0.5% 2%;
	}

	.img04{
		width:auto;
		display:block;
		width:98%;
		margin:7% auto 0px;
		padding:0 0 10%;
	}

	.btn_detail{
		display:inline-block;
		width:50%;
		margin:4% 0 0;

	}

	.btn_detail img{
		width:100%;
	}

	.flexslider{
		margin-top:7%!important;
	}

}