@media screen and (max-width: 750px) and (orientation: portrait){
	.hero__title{
		width: 90%;
	}
	.hero__item--1 .hero__title{
		background-image: url(/img/sitetop/herotitle_red_shorter.svg);
	}
	.hero__item--2 .hero__title{
		background-image: url(/img/sitetop/herotitle_blue_shorter.svg);
	}
	.hero__item--3 .hero__title{
		background-image: url(/img/sitetop/herotitle_yellow_shorter.svg);
	}

	.hero__title:before{
		padding-top: 9.0879006186%;
	}
	.hero__img--2{
		background-image: url(/img/sitetop/hero02_sp_181120.jpg);
	}
}