@charset "utf-8";




.pp-box {
	width: 100% ;
	max-width: 900px ;
	margin: 0px auto 20px auto ;
	padding: 20px 0px 20px 0px ;
	line-height: 160%;
}
.pp-box h2{
	font-weight: 700;
}



.page-box02{
	font-size: 14px ;
}

.box-style01{
	width: 95% ;
	margin: 40px auto 0px auto ;
}
.box-style01 .pic-box01{
	display: table-cell ;
	vertical-align: top ;
	width: 40% ;
	padding: 0px 0px 0px 20px ;
}
.box-style01 .text-box01{
	display: table-cell ;
	vertical-align: top ;
	width: 40% ;
}
.box-style01 .text-box01 h3{
	margin: 40px auto 0px auto ;
	font-size: 26px ;
	line-height: 170% ;
}
.box-style01 .text-box01 h3 span{
	display: block ;
	margin: -5px auto 35px auto ;
	font-size: 15px ;
	line-height: 170% ;
}
.box-style01 .text-box01 h4{
	margin: 5px auto 5px auto ;
	font-size: 20px ;
	line-height: 170% ;
}
.box-style01 .text-box01-1{
	width: 90% ;
	margin: 0px auto 50px auto ;
	padding: 20px 50px ;
	background: #EEEEEE ;
	text-align: left ;
}
.box-style01 .text-box01-2{
	width: 90% ;
	margin: 0px auto 50px auto ;
	padding: 20px 50px ;
	background: #EEEEEE ;
	text-align: center ;
}
.box-style01 .text-box01-2 table{
	margin: 0px auto ;
	text-align: left ;
}



@media screen and (max-width:1024px) { 
    /*　for iPad 横 Landscape */
	.text{
	margin: 0px 0px 10px 10px;
	padding: 20px 20px 20px 30px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	}



	.box-style01{
		width: 100% ;
		margin: 40px auto 0px auto ;
	}

	.box-style01 .text-box01{
		width: 90% ;
		margin: 0px auto 0px auto ;
	}
	.box-style01 .text-box01 h3{
		margin: 15px auto 0px auto ;
		font-size: 26px ;
		line-height: 170% ;
	}
	.box-style01 .text-box01 h3 span{
		display: block ;
		margin: -5px auto 15px auto ;
		font-size: 15px ;
		line-height: 170% ;
	}
	.box-style01 .text-box01 h4{
		margin: 5px auto 0px auto ;
		padding: 20px 20px 5px 20px;
		font-size: 18px ;
		line-height: 170% ;
	}
	.box-style01 .text-box01-1{
		width: 87vw ;
		margin: 0px auto 20px auto ;
		padding: 3vw 2vw ;
		background: #EEEEEE ;
		text-align: left ;
	}
	.box-style01 .pic-box01{
		display: block ;
		margin: 0px auto ;
	padding: 0px 0px 0px 0px ;
		vertical-align: top ;
	border: 1px solid #CC0000 ;
		width: 91vw ;
	}

	.box-style01 .text-box01-2{
		width: 87vw ;
		margin: 0px auto 20px auto ;
		padding: 3vw 2vw ;
		background: #EEEEEE ;
		text-align: center ;
	}
	.box-style01 .text-box01-2 table{
		margin: 0px auto ;
		text-align: left ;
	}



}


@media screen and (max-width: 414px){
	.pp-box h1{
		text-align: center ;
	}
}