/*******-----------------1200px------------------*******/
@media screen and (min-width: 1200px){
	.container {
	    max-width: 1170px;
	}
}/*覆蓋/st_ec/css/rwd.css  
@media (min-width: 768px){}
.container {
    max-width: 970px;
}
}*/

@media screen and (max-width: 1600px){
	/*.mainViewBox img {
	    left: calc(50% - 35%);
	    width: calc(100% - 35%);
	}*/
	.ph{
		width: 30%;
	}

}


/*******-----------------992px------------------*******/
@media screen and (max-width: 992px){
	.txt h2{
		margin-top: 20px;
	}
	.ph{
		width: 60%;
	}

} 


/*******-----------------768px------------------*******/
@media screen and (max-width: 768px){
	.wrapper{
		padding-top: 5%;
		padding-bottom: 30%;
	    background: url(../images/bg-bottom-s.jpg) no-repeat 0 bottom; 
	    background-size: 100%;
	}
	/*.mainViewBox img {
	    left: 0;
	    max-width: 960px; 
	    width: 100%;
	}*/
	.ph{
		width: 70%;
	}

}

/*******-----------------640px------------------*******/
@media screen and (max-width: 640px){	

	.ph{
		width: 85%;
	}
}

/*******-----------------480px------------------*******/
@media screen and (max-width: 480px){
	.ph{
		width: 95%;
	}
}

/*******-----------------320px------------------*******/
@media screen and (max-width:320px) {

}