@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/

.pageTtl{
	width:280px;
}

/*safety
#########################################*/
.corp01 {
	position:relative;
	width:100%;
	height:108vw;
	margin-bottom:50px;
}
.corp01Truck {
	position:absolute;
	z-index:10;
	width:48%;
	left:26%;
	top:25vw;
}
.corp01 img[class^="corp01Chara"]{
	position:absolute;
	width:20%;
	z-index:20;
}
.corp01Chara01{
	top:0;
	left:29%;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
.corp01Chara02{
	top:0;
	right:29%;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.corp01Chara03{
	top:26vw;
	left:3%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.corp01Chara04{
	top:26vw;
	right:3%;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
.corp01Chara05{
	top:59vw;
	left:3%;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.corp01Chara06{
	top:59vw;
	right:3%;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.corp01Chara07{
	bottom:0;
	left:29%;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.corp01Chara08{
	bottom:0;
	right:29%;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}
/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media screen and (min-width:768px) {

/*safety
#########################################*/
.corp01 {
	width:1000px;
	height:1100px;
}
.corp01Truck {
	width:480px;
	left:260px;
	top:250px;
}
.corp01Chara01{
	top:0;
	left:290px;
}
.corp01Chara02{
	top:0;
	right:290px;
}
.corp01Chara03{
	top:260px;
	left:30px;
}
.corp01Chara04{
	top:260px;
	right:30px;
}
.corp01Chara05{
	top:590px;
	left:30px;
}
.corp01Chara06{
	top:590px;
	right:30px;
}
.corp01Chara07{
	bottom:0;
	left:290px;
}
.corp01Chara08{
	bottom:0;
	right:290px;
}
}



/* for PC 1000px*/
@media screen and (min-width:1000px) {

}