@charset "utf-8";

#mainimg {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
    margin: 80px 0 0 0;
    padding-left: 10%;
	z-index: -1;
    background-color: #fff;
    border-top-left-radius: 30px;
}
#mainimg > .r{
    border-top-left-radius: 30px;
}
.pagettl{
    position: absolute;
    top:4vw;
    left:3vw;
    z-index: 3;
}
.pagettl img{
    width: 4.5vw;
}
.mainimg_cover{
    width: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 2;
}
.mainimg_cover img{
    width: 100%;
}
@media screen and (max-width:900px){

.pagettl{
    position: absolute;
    top:4vw;
    left:2vw;
    z-index: 3;
}
.pagettl img{
    width: 6vw;
}


}

@media screen and (max-width:480px){
#mainimg {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
    margin: 80px 0 0 0;
    padding-left: 15%;
	z-index: -1;
    background-color: #fff;
}
.pagettl{
    position: absolute;
    top:30px;
    left:5px;
    z-index: 3;
}
.pagettl img{
    width:50px;
}
.mainimg_cover{
    width: 100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 2;
}
.mainimg_cover img{
    width: 100%;
}
}